node搞起
早就开始研究node,只不过天天在也业务上混,很少有时间搞这个,打算动手就被打断。好了废话不多说了,开始吧!我是mac,所有东西都是在mac上搞的
1.先得有一个数据库 自行去下载 Navicat preium;
2.下载node,安装到你的电脑上;
3.因为只是本地自己搞一下,现阶段只是搞一个文件夹走起,目录如下:
![](https://img.haomeiwen.com/i13710116/9f8e9ef501847ac2.png)
4.安装起来,代码走起来:
npm init
npm install express --save-dev
npm install url --save-dev
npm install cors --save-dev
npm install mysql --save-dev
npm install body-parser --save-dev
5.装的差不多了,我们在index.js里面写逻辑,在index.html写页面,在index.css中写样式,在app.js中写和node有关系的接口,继续沾图;
该引入的引入
![](https://img.haomeiwen.com/i13710116/b0a35f3e1c19989e.png)
引入下载插件,连接数据库,设置跨域问题 ,这是放在app.js最开始的位置
6.这是app.js底部的代码
![](https://img.haomeiwen.com/i13710116/f0d29533254f76c0.png)
连接node,并且监听
7.开始写接口了啊,我是干前端的,需要学习的东西太多了,比如mySql,哎,慢慢学习吧!
现在一个增的接口
![](https://img.haomeiwen.com/i13710116/6283e4b1e1100c55.png)
删的接口
![](https://img.haomeiwen.com/i13710116/bd9b1d34654cafa2.png)
改的接口
![](https://img.haomeiwen.com/i13710116/c3fe48dc48dd2fe4.png)
查的接口
![](https://img.haomeiwen.com/i13710116/2c7bed7c1b56dae2.png)
按条件查的接口
![](https://img.haomeiwen.com/i13710116/e866ecb3c2148173.png)
8.这是所有app.js中的接口代码,乱的一批,但是可以看的懂
9.数据库看一下
![](https://img.haomeiwen.com/i13710116/344744766910d950.png)
10.html的代码
![](https://img.haomeiwen.com/i13710116/424fd9fda81370a5.png)
11.index.js的代码
![](https://img.haomeiwen.com/i13710116/b57a18e988cdca54.png)
![](https://img.haomeiwen.com/i13710116/4ed797f4d63b298f.png)
![](https://img.haomeiwen.com/i13710116/26a789ef909c2964.png)
![](https://img.haomeiwen.com/i13710116/0dc7f5b2acb5701d.png)
![](https://img.haomeiwen.com/i13710116/264b5ed9e6d14fef.png)
![](https://img.haomeiwen.com/i13710116/102aa6d8300fceb5.png)
css走一波
![](https://img.haomeiwen.com/i13710116/8bd8b592eb21daed.png)
![](https://img.haomeiwen.com/i13710116/62d20d25414b0fc4.png)
![](https://img.haomeiwen.com/i13710116/a4648232f0e4481b.png)
![](https://img.haomeiwen.com/i13710116/f086adb0ca3116c2.png)
运行起来 node app.js
好了,这是全部的了,问题肯定还是有的。
前端路太长,太宽,慢慢学习吧,要是有运行不起来的,可以留言,互相学习,node挺好玩。
持续更新中。。。。。。。