摘要：安装好后，在命令提示符下输入回车后就会自动安装好的最新版本，如果你的网络环境和我的一样，处处受限的话，我建议你先安装后，利用安装。好了，基本的前端和后端程序已经构建完成了，下面需要对前端和后端环境进行一下配置。
学习了一段时间的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,安装好依赖后就能使用了。
好了，基本的前端和后端程序已经构建完成了，下面需要对前端和后端环境进行一下配置。
文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。
转载请注明本文地址：https://www.ucloud.cn/yun/57177.html
摘要：安装好后，在命令提示符下输入回车后就会自动安装好的最新版本，如果你的网络环境和我的一样，处处受限的话，我建议你先安装后，利用安装。好了，基本的前端和后端程序已经构建完成了，下面需要对前端和后端环境进行一下配置。 学习了一段时间的angular4知识，结合以前自学的nodejs-express后端框架知识，做了一个利用angular4作为前端，node-express作为后端服务器的网站...
摘要：后端程序配置因为是用自动生成的应用。允许进行跨域访问的方法，我们这里主要用到的是和两种方法。现在为止，先设置这些，后面还有具体路由的配置和认证等内容。所以，我一直用这个框架来构建网页样式。其中表的与表的设置为外键约束。 在上面一章中，我创建了前端的angular4框架程序和后端的nodejs-express框架程序，在这一章中，我准备对前后端程序进行一些简单的配置，然后将后台数据库创建...
摘要：后端程序配置因为是用自动生成的应用。允许进行跨域访问的方法，我们这里主要用到的是和两种方法。现在为止，先设置这些，后面还有具体路由的配置和认证等内容。所以，我一直用这个框架来构建网页样式。其中表的与表的设置为外键约束。 在上面一章中，我创建了前端的angular4框架程序和后端的nodejs-express框架程序，在这一章中，我准备对前后端程序进行一些简单的配置，然后将后台数据库创建...
摘要：后端程序配置因为是用自动生成的应用。允许进行跨域访问的方法，我们这里主要用到的是和两种方法。现在为止，先设置这些，后面还有具体路由的配置和认证等内容。所以，我一直用这个框架来构建网页样式。其中表的与表的设置为外键约束。 在上面一章中，我创建了前端的angular4框架程序和后端的nodejs-express框架程序，在这一章中，我准备对前后端程序进行一些简单的配置，然后将后台数据库创建...
摘要：后台注册成功后，会返回状态的认证信息。后台数据的处理，详见利用和构建一个简单的网站三访问。在这个方法中分别针对这两种错误进行处理。 上一节简单介绍了一下利用angular构建的主路由模块，根据上一节的介绍，主页面加载时直接跳转到用户管理界面，下面就来介绍一下用户管理模块。启动应用后，初始界面应该是这样的： showImg(https://segmentfault.com/img/bV3...
阅读 3561·2021-11-11 11:00
阅读 1964·2021-10-08 10:05
阅读 2407·2021-10-08 10:04
阅读 3021·2021-09-30 09:48
阅读 3573·2021-09-27 14:10
阅读 1534·2021-09-09 09:33
阅读 1887·2019-08-30 15:55
阅读 1490·2019-08-30 13:53
