仿部落格園

api:部落格專案的介面專案
web:部落格專案的介面專案

主張：介面和檢視分離。

主要實現的功能，註冊，登入，退出，打通主頁不同登入狀態顯示，釋出文章。
主要用到的技術：MongoDB 資料驗證，cookie跨域共享。

執行專案說明：

1. 先把api專案啟動起來
2. 把web專案通過anywhere 8000啟動，埠是8000已固定，可以自行在api專案中修改。
3. 瀏覽器中輸入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地址

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

這個錯不用管

沒有資料先做一個釋出介面。有了資料才可以查詢