每個Java程序員，從懵逼菜雞，再到懵懂菜鳥，再到小鳥，大鳥，最後到技術大神，始終繞不開商城系統，裡面蘊含了大量的業務，涉及到了大量的知識點和解決方案。
項目在線演示：
前台：
http://xmall.exrick.cn/
後台：
http://xmadmin.exrick.cn/
基於Vue開發的XMall商城前台頁面
新增與優化
- 優化頁腳、增加商品搜索框組件
- 優化登錄註冊界面
- 新增搜索頁面，實現高亮分頁搜索
- 新增捐贈頁面，捐贈列表顯示
- 全部商品頁面實現分頁
- 優化訂單詳情，實現查看訂單進度，可對訂單進行處理
- 實現生成訂單接口、優化地址管理編輯選擇
- 實現查看個人訂單分頁
- 接入XPay個人免簽收款支付系統
- 首頁升級！重構首頁，後台可配置，包括3D輪播圖
- 新增分類查看品牌周邊等
- 極驗驗證碼移除文檔
所用技術
- Vue 2.x
- Vuex
- Vue Router
- Element UI
- ES6
- webpack
- axios
- Node.js
- 第三方SDK
- 極驗Test-button人機驗證碼 因其收費詳見極驗驗證碼移除文檔
- 第三方插件
- hotjar：一體化分析和反饋
- 搜狐暢言評論插件 垃圾廣告評論插件 現已更換 Gitment
本地開發運行
- 啟動後端 xmall 項目後，在 config/index.js 中修改你的後端接口地址配置
- Gitment評論配置見 Gitment 使用到的頁面為 thanks.vue
- index.html 中複製粘貼替換你的 hotjar 代碼
- 在項目根文件夾下先後執行命令 npm install 、 npm run dev
- 商城前台端口默認9999 http://localhost:9999
部署
- 先後執行命令 npm install 、 npm run build 將打包生成的 dist 靜態文件放置服務器中，若使用Nginx等涉及跨域請配置路由代理
原創文章，作者：投稿專員，如若轉載，請註明出處：https://www.506064.com/zh-hant/n/220723.html
微信掃一掃 
支付寶掃一掃 