<progress id="7nnbd"><big id="7nnbd"><em id="7nnbd"></em></big></progress>

<big id="7nnbd"><meter id="7nnbd"></meter></big>
<progress id="7nnbd"><meter id="7nnbd"><cite id="7nnbd"></cite></meter></progress><meter id="7nnbd"></meter>

      <address id="7nnbd"></address>

          為了賬號安全,請及時綁定郵箱和手機立即綁定

          基于 Node.js + Express + mongoDB + Bootstrap 搭建的電影網站

          2017.07.21 00:48 3044瀏覽
          電影網站

          GitHub: https://github.com/bxm0927/movie-website

          此項目是基于 Node.js + Express + mongoDB + Bootstrap 搭建的電影網站。

          主要功能模塊:

          • 一期:前臺電影展示頁、電影詳情頁、后臺電影管理中心(電影錄入、電影修改)
          • 二期:用戶登錄注冊注銷功能、用戶識別和持久化、后臺用戶管理中心(用戶錄入、用戶修改)、電影評論

          <!-- more -->

          圖片預覽

          技術棧

          【前端】

          • HTML/CSS/JS:亙古不變三件套
          • ES6:ECMAScript 新一代語法,這也是以后的趨勢
          • Monment.js:時間日期格式化插件
          • jQuery:主要用到 jQuery 的 ajax 方法處理異步請求和 DOM 操作
          • Bootstrap:頁面 UI 框架,天然響應式,但是樣式爛大街...

          【后端】

          • pug:pug (以前的 jade) 是一個高性能的模板引擎,用來生成 HTML
          • Node.js:整個后端由 Node.js 驅動;用 npm 安裝資源文件
          • Express:一個基于 Node.js 平臺的 web 開發框架,由路由和中間件構成

          【數據庫】

          • mongoDB:進行數據存儲的 NoSQL 數據庫
          • mongoose:Node.js 的 mongodb 驅動軟件包,是進行 mongoDB 快速建模的工具

          【自動化構建】

          • gulp:前端自動化構建工具
          • JSHint:JS 代碼校驗
          收獲
          1. 熟悉了 pug 的語法及其在 Node.js 中的使用方法,了解到 pug 的優缺點及如何取舍
          2. 初步掌握了 express 框架的使用,如何處理路由以及中間件
          3. 掌握了 mongoose 在 Node.js 中如何連接數據庫,以及 schema、model、entity 的使用
          4. 前后端數據傳遞與視圖展現的流程
          5. 學會了使用 bcryptjs(Node.js 的一個加解密模塊)對密碼進行 “hash + salt” 處理
          6. 借助會話與 cookie 進行用戶識別和持久化
          TODO
          1. 用戶登錄注冊未做表單校驗等等
          2. 全面 Promise 化
          3. 升級成 ejs 模版
          4. 電影評論功能的功能過于簡化
          5. 增加個人中心
          6. 前后臺請求盡量使用 ajax 異步獲取
          7. 還有很多...
          Build Setup
          # clone the repo into your disk.
          $ git clone https://github.com/bxm0927/movie-website.git
          
          # install dependencies
          $ npm install
          
          # run
          $ npm start
          
          # visit
          $ http://localhost:3000/
          License

          The code is available under the MIT license.

          Thanks

          @Scott

          點擊查看更多內容
          5人點贊

          若覺得本文不錯,就分享一下吧!

          評論

          相關文章推薦

          正在加載中
          意見反饋 邀請有獎 幫助中心 APP下載
          官方微信

          舉報

          0/150
          提交
          取消
          五福彩票 滁州 | 眉山 | 驻马店 | 邯郸 | 六盘水 | 伊犁 | 漳州 | 洛阳 | 五家渠 | 崇左 | 乐平 | 陕西西安 | 顺德 | 陕西西安 | 黑龙江哈尔滨 | 聊城 | 鄢陵 | 沭阳 | 淮南 | 神农架 | 肇庆 | 荆州 | 呼伦贝尔 | 咸阳 | 宁国 | 包头 | 抚州 | 克孜勒苏 | 临汾 | 定安 | 绍兴 | 博尔塔拉 | 遂宁 | 遂宁 | 东台 | 南平 | 茂名 | 乌海 | 章丘 | 赣州 | 嘉兴 | 衢州 | 单县 | 白银 | 巴音郭楞 | 霍邱 | 崇左 | 江门 | 亳州 | 昭通 | 柳州 | 阿拉尔 | 桐乡 | 廊坊 | 大庆 | 百色 | 玉树 | 荣成 | 牡丹江 | 德阳 | 洛阳 | 广元 | 青州 | 嘉峪关 | 澳门澳门 | 项城 | 西藏拉萨 | 黑河 | 阳春 | 琼中 | 海宁 | 佳木斯 | 湛江 | 泰兴 | 溧阳 | 玉林 | 海北 | 甘孜 | 临夏 | 霍邱 | 漯河 | 白沙 | 毕节 | 姜堰 | 天门 | 内蒙古呼和浩特 | 东台 | 德阳 | 六盘水 | 石狮 | 和田 | 汉中 | 景德镇 | 三河 | 防城港 | 海门 | 温州 | 安康 | 新余 | 临海 | 枣阳 | 神木 | 德州 | 武夷山 | 张掖 | 锦州 | 三门峡 | 渭南 | 湖北武汉 | 云南昆明 | 扬中 | 信阳 | 遂宁 |