仿部落格園
仿部落格園
api:部落格專案的介面專案
web:部落格專案的介面專案
主張:介面和檢視分離。
主要實現的功能,註冊,登入,退出,打通主頁不同登入狀態顯示,釋出文章。
主要用到的技術:MongoDB 資料驗證,cookie跨域共享。
執行專案說明:
- 先把api專案啟動起來
- 把web專案通過anywhere 8000啟動,埠是8000已固定,可以自行在api專案中修改。
- 瀏覽器中輸入http://localhost:8000執行web專案,即可以測試。
參考原始碼
工具
npm init
cd api
npm install
npm install mongoose --save
npm start
扒原始碼要點注意:
(1)程式碼下載出來,要把圖片替換到本地
(2)jquary注意他連線的哪個版本最新,登入頁面和註冊頁面bootstrap和2.2.0配套
(3)ladda會話提交的外掛
GitHub下載到本地 https://github.com/hakimel/Ladda
grunt文件 https://www.gruntjs.net/getting-started
npm下載grunt npm install -g grunt-cli
(4)jquary validate驗證外掛
得到最終檔案
專案框架
圖片下載儲存到 images
替換url地址
登入頁面
login.css
js
新建site.js
49-175刪掉
noscript刪掉
註冊
logout
註冊頁面
驗證怎麼做?
驗證form表單不是button按鈕
加一個 不支援郵箱格式 的判斷
自定義屬性
value => 當前輸入的值 element=>操作的輸入框
不用for-each 不能中斷
合法:
不合法 false false
** 驗證規則不會寫**
遠端驗證:資料庫
有木有註冊過
提示的資訊
network也能看到在驗證
router
先驗證不存在,查詢資料庫
#password指的是
沒有這句話 驗證都出不來
轉圈的
序列化 列印陣列,傳到介面 後臺接收
列印data
後臺先判斷空,有資料已存在,
return url
登入
8000和3000為什麼可以cookie共享?
介面跨域 cors(必須寫)
伺服器端必須允許ip地址攜帶cookie
釋出文章uediter
編譯:
npm install
grunt --server=asp (-net版本)
如何使用?
1.引入核心指令碼庫
2.
3.
配置伺服器
啟動要anywhere 8000
這個錯不用管
沒有資料先做一個釋出介面。有了資料才可以查詢