自學了幾個月,想要進入全新的領域,做了一些項目,請指導(上傳大小有限,有些項目就刪了,播放的歌曲和背景圖片也刪了,請見諒)
運用div和css3、Jquery開發(fā)的個人簡歷和作品展現(xiàn),里面含自己用thinkphp框架寫的個人博客。
在出去吃飯點餐的時候,就想是不是可以直接做網(wǎng)頁版的訂餐的小軟件。在學習完HTML5新增的本地數(shù)據(jù)庫之后,我覺得這個小軟件應該是可以實現(xiàn)的,于是說干就干。目前主要實現(xiàn)以下功能: 1.在第一次打開網(wǎng)頁的時候沒有檢測到有菜單信息就進入配置頁面,添加新菜單, 2.菜單可以添加圖片,菜名,價格等信息。圖片采用的URL格式存儲, 3.實現(xiàn)了菜單信息的增、刪、改、查。 4.在訂餐頁面鼠標點擊一個菜品將自動添加到訂單中,訂單號按日期自動生成。 5.在訂單部分,鼠標移動上去提示移除本菜品,另外還有價格計算,找零功能。 6.在訂單確認之后,將訂單數(shù)據(jù)保存到數(shù)據(jù)庫中。
案例選擇界面,有4種模式可供選擇,分別是元素周期表、球形、螺旋形狀、矩形,將案例按照這四種形狀依次展開,利用html5+css3和一些算法實現(xiàn)圖形變換。
該項目針對微信公眾平臺提供了眾多APP能夠提供的文字、圖片、語音、圖文鏈接等功能接口,本項目利用其提供的功能從微信app獲取到用戶反饋的校園網(wǎng)故障,信息中心管理和服務人員通過我們建立的管理平臺依據(jù)問題分類進行相關的故障問題回復及指導意見,快速、高效處理校園網(wǎng)網(wǎng)故障問題解答,減少辦公電話成本,實現(xiàn)信息化,靈活辦公。同時該項目通過微信向用戶傳播校園網(wǎng)更新,常見故障,校園網(wǎng)資源等實時消息。
目前為止對個人信息的添加比較少,但是整個網(wǎng)站框架搭建的差不多了,上傳到了github,用了pagepiling.js,加入了一些css3動畫特效,雖然簡陋了一些,但畢竟是自己花心血完成的,之前加入過圖片鼠標滑過顯示的banner,但是依舊有些bug,功能的話刪掉了,打回去重新調(diào)試。
簡單模仿制作了github中國網(wǎng)站并完成部分基礎功能; 擁有登錄、注冊、留言功能; 擁有商品上傳、圖片上傳功能(因網(wǎng)絡服務器問題,目前在線瀏覽僅支持部分上傳功能); 項目演示地址:http://demo.carolcoral.cn/Demo/demo3/; 個人博客地址:http://carolcoral.cn/(http://carolcoral.cn/index2.php); 項目上次維護時間:2014年6月; 其他;
“Imooc-Store”購物網(wǎng),是以現(xiàn)有交易網(wǎng)為依據(jù);慕課網(wǎng)提供的“PSD”圖為模版,設計并制作成的交易網(wǎng)站。其網(wǎng)站有:首頁、購物車、訂單頁、商品分類等。為用戶提供一個在線支付、線下交易的網(wǎng)絡交易平臺;真正意義上的,為用戶提供一個安全、便捷、快速的網(wǎng)絡交易網(wǎng)站!
這是我寫的一個個人展示的網(wǎng)頁,其頁面是用鼠標滾動來切換的,主要運用到了TweenMax庫來管理運動的狀態(tài)時間,并加以jQuery來輔助。同時還多次運用到了css3的transition 和 keyframes動畫。
個人作品,3月-5月每天下班后寫的。utf-8編碼,因為沒做什么優(yōu)化,系統(tǒng)有點大。上傳了幾張圖片。百度云源代碼鏈接http://pan.baidu.com/s/1o7YR8UY
此作品是由個人寫的一個強交互的博客系統(tǒng),和傳統(tǒng)的博客系統(tǒng)有所不同,并帶有音樂播放,在寫博客的時候能聽聽音樂放松。主要采用前端采用HTML/CSS,jQuery技術。后端使用Python,Mysql(但由于后端自己還在修改中,沒有提交上來,所以此作品現(xiàn)在暫時只有前端,頁面中內(nèi)容是自己隨便填充,不代表真實內(nèi)容),demo:http://121.42.169.254/
以簡潔為目標,做一個設計好又有料的網(wǎng)站。 在對一般博客審美疲勞的時候,一個集設計與內(nèi)容于一身的網(wǎng)站顯得尤為出彩。這也是我做這個網(wǎng)站的初衷。
用bootstrap框架,jQuery寫的,這是主頁面。里面用iframe,套很多個頁面。 還有很多地方?jīng)]有寫。目前轉(zhuǎn)攻后臺,順便求大神使用Spring mvc指點