微信小程式版個人部落格及簡歷---面試加分

NiZerin發表於2019-01-02

WeChatMiniProgram-Blog

微信小程式初體驗

微信小程式版的個人部落格及簡歷

說明:

本專案為小程式入門專案,需要一定的前端基礎及一點後端知識,專案可能不太好,歡迎大家吐槽,純萌新小白勿入,最後祝大家Coded愉快。 想獲取最新專案資訊,請訪問:github.com/CrazyNing98… 作者部落格:澤林部落格

使用方法:
git clone https://github.com/CrazyNing98/WeChatMiniProgram-Blog.git
複製程式碼

or

https://github.com/CrazyNing98/WeChatMiniProgram-Blog/archive/master.zip
複製程式碼
在微信開發者工具 -->選擇你剛clone或解壓的目錄

開啟 project.config.json 替換 appid

快速搭建:

簡歷頁面所需資料一覽表

  data: {
    time:'',  //時間資料  
    mHt:[],   //頭部文字
    mLj:[],   //快速瞭解li
    mLjT:[],  //快速瞭解text
    mZp:[],   //我的作品li
    mYs:[],   //我的優勢li
    mXy:[],   //自我修養li
    mXyO:[],  //自我修養 開源
    mTd:[],   //希望的團隊
    mHf:[],   //底部文字
    f:[]      //腳部資訊
  },
複製程式碼

履歷介面所需資料一覽表

  data: {
    time:'',    //時間資料
    mHt:[],     //頭部文字
    f:[],       //腳部資訊
    mHf:[],     //底部文字
    line:[		//履歷資訊
        //公司
		'company'=>'',
		//任職時間
		'time'=>'',
		//職位
		'position'=>'',
		//經驗
		'experience'=>'',
		//專案
		'project'=>		//注意這是二維陣列
        	//專案名稱
        	'name'=>'',
        	//專案經驗
        	'exp'=>''
        ,     
        ]     
  },
複製程式碼
目錄結構:
MiniProgram  WEB部署目錄(或者子目錄)
├─pages						頁面資原始檔           	
│  ├─blog             		部落格頁面資源
│  │  ├─blog.js
│  │  ├─blog.json
│  │  ├─blog.wxss
│  │  └─blog.wxml
│  ├─index             		簡歷頁面資源
│  │  ├─index.js
│  │  ├─index.json
│  │  ├─index.wxss
│  │  └─index.wxml
│  ├─git             		履歷頁面資源
│  │  ├─git.js
│  │  ├─git.json
│  │  ├─git.wxss
│  │  └─git.wxml
│  ├─logs             		系統日誌目錄
│  │  ├─logs.js
│  │  ├─logs.json
│  │  ├─logs.wxss
│  │  └─logs.wxml
├─resource					公共資原始檔
├─CHANGELOG.md
├─README.md
├─app.js					專案全域性js檔案
├─app.json					專案全域性json檔案
├─app.wxss					專案全域性wxss檔案
├─app.wxml					專案全域性wxml檔案
├─project.config.json  		專案配置檔案--接入小程式後臺

複製程式碼
檢視更新日誌:

CHANGELOG.md

專案截圖:

https://user-gold-cdn.xitu.io/2019/1/2/1680e57a4d5ab028?w=433&h=758&f=png&s=166572

https://user-gold-cdn.xitu.io/2019/1/2/1680e57a4f7c1ee4?w=437&h=752&f=png&s=72640

https://user-gold-cdn.xitu.io/2019/1/2/1680e57a4d16a821?w=434&h=754&f=png&s=47468

線上體驗:

https://user-gold-cdn.xitu.io/2019/1/2/1680e57a4faa9741?w=344&h=344&f=jpeg&s=63455

如果覺得專案不錯,可以點個Star哦???

開源協議

本專案遵循開源協議為 Apache License 2.0

相關文章