原创 8.創建項目-創建新的模板引擎nunjucks

Nunjucks是火狐開源的模板引擎,官網地址:https://nunjucks.bootcss.com/ 安裝nunjucks模板引擎 終端執行命令 npm install nunjucks –save 顯示版本號,說明安裝

原创 12.課時107-幼教平臺:使用nunjuncks靜態頁面模塊化

使用nunjuncks將後臺界面可抽離出來的東西模塊化,比如在頁面中所有公衆的使用的地方都可模塊化,比如頁頭 頁尾 左側導航….如圖,標紅的區域均可模塊化 首先我們需要有一個基礎的模板,使用nunjuncks創建基礎模板。中文

原创 18.課時113-幼教平臺:再次添加一條數據

在我們的數據庫中已經存在一條數據了,我們想再添加一條數據,該怎麼做呢? 開啓服務器:npm run dev 確保mongodb運行 調用接口 http://localhost:3040/sowing/api/add 新數據

原创 3.創建項目-使用終端命令

打開文件夾:右擊,show in explorer 打開項目所在位置 進入項目education 打開終端命令 啓動服務器 npm run dev 瀏覽器運行:項目啓動成功

原创 14.課時109-幼教平臺:配置404頁面

當用戶訪問了不存在的頁面時,我們需要單獨創建一個頁面,提示用戶,此時我們需要配置404頁面:當前訪問不存在的頁面時 在views中新建404頁面 404頁面內容 在src/app.js進行配置,當所有的頁面都找不到了,渲染

原创 5.創建項目-上線打包項目

說明: 項目核心代碼都在項目文件的src中,須將src裏的文件進行打包。將核心模塊打包(構建成低版本的),壓縮等需要通過webpack來做。現在只是通過babel將整個項目的高階語法轉換給低階語法。 在項目中打開終端面板,執行

原创 9.創建項目-配置路由文件夾

爲了訪問各個頁面,需要配置路由文件。新建路由文件夾,並創建index.js 在index.js文件中編寫路由文件,並使用export進行輸出 在src的app.js中引入routers下的index.js文件 刪除默認的匹

原创 15.課時110-幼教平臺:輪播圖板塊路由

創建輪播圖路由。Routers下新建sowing.js,引入express,實例化路由,並對外暴露路由 連接服務器,連接前要檢查mongoDB有沒有開啓,可通過任務管理器查看 打開Nosql manager 創建數據庫col

原创 6.創建項目-建立文件夾

新建public和views文件夾,引入靜態資源文件。創建空文件夾public存放公共資源,創建views文件夾存放頁面 分別在public裏面創建空文件夾back和web,存放後端和前端文件 將後端管理系統的文件

原创 7.創建項目-配置根路由文件

在src文件中創建路由配置文件config.js,實現路由跳轉 在config.js中配置資源的全路徑,引入join方法,並輸出viewsPath publicPath 在src中的app.js中引入 config.js

原创 11.課時106-幼教平臺:前臺頁面路由配置(下)

配置頁面子路由,同配置主路由一樣 進入routers/index.js,進行配置,其中標紅處可以自定義,頁面根據這個自定義的名稱訪問。 如何在頁面中使用呢,我們需要進入到各個頁面中;實現a標籤的頁面導航 點擊a標籤跳轉至指定頁

原创 html5自帶緩存系統

//html5自帶緩存系統 var CACHE_UTIL = { setItem: function (type, key, value) { if (type === "session") {

原创 17.課時112-幼教平臺:輪播圖板塊接口測試

在路由中加入這一模式;進入routers的sowing.js文件夾,引入Sowing 往數據庫中插入一條數據,並返回數據 在src/app.js中引入,並掛在sowing路由 打開數據庫,並在瀏覽器中輸入地址 http:/

原创 繼承方式三:組合繼承

組合繼承(combination inheritance),有時候也叫僞經典繼承,指的是將原型鏈和借用構造函數的技術組合到一塊,從而返回二者之長的一種繼承模式。其背後的思路是使用原型鏈實現對原型屬性和方法的繼承,而通過借用構造函數

原创 git diff命令之後,如何退出

git diff命令是對比兩次文件修改了什麼。 但如何退出呢? 輸入q,按enter鍵盤