国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

個(gè)人的web商城網(wǎng)站

quietin / 3488人閱讀

摘要:于是在查找了大量資料,思考著技術(shù)選型,終于決定做一個(gè)展現(xiàn)商品的全棧網(wǎng)站。當(dāng)然這個(gè)網(wǎng)站還有許許多多需要完善并增加的功能,在此之后也會不斷去完善這個(gè)網(wǎng)站。所幸的是問題都已經(jīng)解決,項(xiàng)目也順利部署。

項(xiàng)目介紹

1、作為前端的菜鳥,每每看到Github上有很多大神分享著自己的項(xiàng)目時(shí),內(nèi)心都是蠢蠢欲動,這次終于下定決心要給自己一段時(shí)間來完成屬于自己的一份作品。
2、于是在查找了大量資料,思考著技術(shù)選型,終于決定做一個(gè)展現(xiàn)商品的web全棧網(wǎng)站。
3、此網(wǎng)站的商品名稱、商品價(jià)格、商品價(jià)格等商品信息均是通過node爬蟲獲取到,然后根據(jù)自己需求設(shè)計(jì)數(shù)據(jù)庫模型,并將其導(dǎo)入而獲取到的數(shù)據(jù)并展現(xiàn)出來。該網(wǎng)站實(shí)現(xiàn)了一般商城最最最基本的功能:注冊、登錄與退出功能,購物車的添加與修改,前端實(shí)時(shí)計(jì)算購物車數(shù)量并展現(xiàn),地址列表的增加與刪除,訂單列表的生成,下單以及查詢下單成功等功能。當(dāng)然這個(gè)網(wǎng)站還有許許多多需要完善并增加的功能,在此之后也會不斷去完善這個(gè)網(wǎng)站。
4、在此過程中遇到很多困難,當(dāng)每每告誡自己需要靜下心來,明確問題所在,并多查看相關(guān)文檔與問題,找到問題所在,并記錄下來,之后會整理一下在這個(gè)項(xiàng)目中個(gè)人遇到的問題及解決的辦法。所幸的是問題都已經(jīng)解決,項(xiàng)目也順利部署。

線上地址展示

線上前端項(xiàng)目地址:Husky Market
Github地址:Husky

代碼安裝與部署
# 克隆地址
git clone https://github.com/husky0601/js-full-stack-mall.git

#進(jìn)入項(xiàng)目文件
cd js-full-stack-mall

# 安裝依賴
npm install

# 運(yùn)行項(xiàng)目
npm run dev
技術(shù)棧

前端:
SVG + Sass + Flex + Vue全家桶(vue + vuex + vue-router+ axios)+ webpack
后端JS:
Node.js + Express
數(shù)據(jù)庫:
Mongodb + mongoose

項(xiàng)目架構(gòu)

前端vue項(xiàng)目架構(gòu)

├── build                                       // webpack配置文件
├── config                                      // 項(xiàng)目打包路徑
├── src                                         // 源碼目錄
│   ├── assets                                  // 樣式目錄
│   ├── components                              // 公用組件
│   │   ├── Header.vue                          // 頭部組件
│   │   ├── Bread.vue                           // 面包屑組件
│   │   ├── Footer.vue                          // 底部組件
│   │   ├── Modal.vue                           // 模態(tài)框組件
|   |   |—— LoadderMore.vue                     // 加載更多
│   ├── router                                  // 路由目錄
│   │   ├── index.js                            // 路由配置
│   ├── util                                    // 工具插件目錄
│   │   ├── currency.js                         // 格式化價(jià)格工具
│   ├── views                                   // 主要頁面
│   │   ├── Login.vue                           // 注冊與登錄頁
│   │   ├── GoodsList.vue                       // 商品列表頁
│   │   ├── AddAddress.vue                      // 添加地址頁
│   │   ├── Cart.vue                            // 購物車頁
│   │   ├── Address.vue                         // 收貨地址頁
│   │   ├── OrderConfirm.vue                    // 下單頁
│   │   ├── orderSuccess.vue                    // 下單成功頁
│   ├── App.vue                                 // 總組件(渲染頁面)
│   ├── main.js                                 // 入口文件
├── static                                      // 靜態(tài)資源目錄
├── index.html                                  // html入口文件
├── favicon.ico                                 // 圖標(biāo)
├── package.json                                // 依賴文件

后端Express項(xiàng)目架構(gòu)

├── bin                                         // 主文件
│   ├── www                                     // 項(xiàng)目的入口文件
├── model                                       // 數(shù)據(jù)模型
│   ├── users.js                                // 用戶數(shù)據(jù)模型
│   ├── goods.js                                // 商品數(shù)據(jù)模型
├── public                                      // 共有靜態(tài)資源
├── router                                      // 路徑接口
│   ├── goods.js                                // 商品路徑接口
│   ├── users.js                                // 用戶路徑接口
├── utils                                       // 全局共有方法
│   ├── utils.js                                // 全局共有方法
├── views                                       // 頁面展示
|—— app.js                                      // express主文件
├── package.json                                // 依賴文件
基本功能 前端功能

響應(yīng)式布局 --完成

注冊、登錄、退出 --完成

加入購物車、購物車結(jié)算 --完成

地址增加、刪除 --完成

下單功能 --完成

商品詳情 --未完成

商品分類展示 --未完成

個(gè)人中心 --未完成

......思考ING

后端功能

全局登錄攔截 --完成

用戶注冊、登錄、退出 --完成

商品過濾、查詢 --完成

購物車列表的增加、修改、刪除 --完成

訂單生成、查詢 --完成

商品詳情圖片的獲取 --未完成

訂單管理 --未完成

......思考ING

文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址:http://specialneedsforspecialkids.com/yun/107431.html

相關(guān)文章

  • 個(gè)人web商城網(wǎng)站

    摘要:于是在查找了大量資料,思考著技術(shù)選型,終于決定做一個(gè)展現(xiàn)商品的全棧網(wǎng)站。當(dāng)然這個(gè)網(wǎng)站還有許許多多需要完善并增加的功能,在此之后也會不斷去完善這個(gè)網(wǎng)站。所幸的是問題都已經(jīng)解決,項(xiàng)目也順利部署。 項(xiàng)目介紹 1、作為前端的菜鳥,每每看到Github上有很多大神分享著自己的項(xiàng)目時(shí),內(nèi)心都是蠢蠢欲動,這次終于下定決心要給自己一段時(shí)間來完成屬于自己的一份作品。2、于是在查找了大量資料,思考著技術(shù)選...

    pingink 評論0 收藏0
  • Java3y文章目錄導(dǎo)航

    摘要:前言由于寫的文章已經(jīng)是有點(diǎn)多了,為了自己和大家的檢索方便,于是我就做了這么一個(gè)博客導(dǎo)航。 前言 由于寫的文章已經(jīng)是有點(diǎn)多了,為了自己和大家的檢索方便,于是我就做了這么一個(gè)博客導(dǎo)航。 由于更新比較頻繁,因此隔一段時(shí)間才會更新目錄導(dǎo)航哦~想要獲取最新原創(chuàng)的技術(shù)文章歡迎關(guān)注我的公眾號:Java3y Java3y文章目錄導(dǎo)航 Java基礎(chǔ) 泛型就這么簡單 注解就這么簡單 Druid數(shù)據(jù)庫連接池...

    KevinYan 評論0 收藏0
  • 后端技術(shù)精選 - 收藏集 - 掘金

    摘要:使用簽署免費(fèi)證書后端掘金本文操作在操作系統(tǒng)下完成,需要和超文本傳輸安全協(xié)議英語,縮寫,常稱為,紅黑樹深入剖析及實(shí)現(xiàn)后端掘金紅黑樹是平衡二叉查找樹的一種。 使用 Lets Encrypt 簽署免費(fèi) Https 證書 - 后端 - 掘金 本文操作在Linux操作系統(tǒng)下完成,需要Python和Nginx 超文本傳輸安全協(xié)議(英語:Hypertext Transfer Protocol Sec...

    Meils 評論0 收藏0

發(fā)表評論

0條評論

quietin

|高級講師

TA的文章

閱讀更多
最新活動
閱讀需要支付1元查看
<