資訊專欄INFORMATION COLUMN
摘要：安裝好后，在命令提示符下輸入回車后就會自動安裝好的最新版本，如果你的網絡環境和我的一樣，處處受限的話，我建議你先安裝后，利用安裝。好了，基本的前端和后端程序已經構建完成了，下面需要對前端和后端環境進行一下配置。
學習了一段時間的angular4知識，結合以前自學的nodejs-express后端框架知識，做了一個利用angular4作為前端，node-express作為后端服務器的網站。這個網站的功能很簡單，主要是為了體驗一下angular4的各項功能。
現在這個網站做的差不多了，拿來和大家分享一下。有不足之處，希望大家多提意見，也希望能給大家的開發提供一些幫助。
話不多說，開始介紹我的網站。（特此聲明：本人非專業人士，只是個人愛好，不足之處還請大家多多原諒）。
這個網站是一個類似于通訊錄的網站，網站邏輯比較簡單，在這里簡單畫了一張網站運行邏輯圖：
好了，開始吧！
我使用的是windows操作系統。所以，以下操作全部是在windows系統下進行的。
構建前端應用程序
在前端我使用的是angular-cli構建前端開發環境，angular-cli的好處就在于集成了開發angular前端應用的一切工具和依賴，還集成了webpack打包工具，使用angular-cli構建完應用，對于我們來說，基本上就剩下寫代碼了。
1、安裝angular-cli。
你的電腦上首先需要安裝node.js，可以從node.js官網下載（官網下載地址：https://nodejs.org/en/），也可以從node.js中文網下載（node.js中文網地址：http://nodejs.cn/），我用的是windows系統，下載后直接雙加安裝就可以了。安裝好node.js后，在命令提示符下輸入：
npm install -g @angular/cli
回車后就會自動安裝好angular-cli的最新版本，如果你的網絡環境和我的一樣，處處受限的話，我建議你先安裝cnpm后，利用cnpm安裝angular-cli。
安裝cnpm，請在命令提示符下輸入：
npm install -g cnpm
回車就OK了。之后將安裝angular-cli語句改為
cnpm install -g @angular/cli
2、用angular-cli構建angular4應用
用angular-cli構建angular4應用非常簡單，你只需在要構建應用的目錄中按住shift+鼠標右鍵，選擇“在此處打開命令窗口”，在打開的命令窗口輸入：
ng new
我的應用名稱設置為front,比較簡單，大家可以在
構建后端應用程序
1、安裝express應用生成器，通過應用生成器工具 express 可以快速創建一個應用的骨架在命令行輸入：
npm install express-generator -g
2、利用express應用生成器快速生成應用：
在要構建應用的目錄下輸入：
express
(appname是你的express應用名稱，我的直接就用了server)，命令執行完畢后，進入你的appname目錄，執行一下npm install或cnpm install,安裝好依賴后就能使用了。
好了，基本的前端和后端程序已經構建完成了，下面需要對前端和后端環境進行一下配置。
文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。
轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/107146.html
摘要：后端程序配置因為是用自動生成的應用。允許進行跨域訪問的方法，我們這里主要用到的是和兩種方法。現在為止，先設置這些，后面還有具體路由的配置和認證等內容。所以，我一直用這個框架來構建網頁樣式。其中表的與表的設置為外鍵約束。 在上面一章中，我創建了前端的angular4框架程序和后端的nodejs-express框架程序，在這一章中，我準備對前后端程序進行一些簡單的配置，然后將后臺數據庫創建...
摘要：后臺注冊成功后，會返回狀態的認證信息。后臺數據的處理，詳見利用和構建一個簡單的網站三訪問。在這個方法中分別針對這兩種錯誤進行處理。 上一節簡單介紹了一下利用angular構建的主路由模塊，根據上一節的介紹，主頁面加載時直接跳轉到用戶管理界面，下面就來介紹一下用戶管理模塊。啟動應用后，初始界面應該是這樣的： showImg(https://segmentfault.com/img/bV3...
閱讀 2199·2021-11-24 10:26
閱讀 2810·2021-11-23 09:51
閱讀 2920·2021-10-08 10:05
閱讀 1707·2021-09-22 15:18
閱讀 1638·2019-08-29 18:45
閱讀 2154·2019-08-29 18:40
閱讀 3346·2019-08-29 16:16
閱讀 2859·2019-08-29 14:21
