1. 安装node.js(电脑要连网才能实现下面的操作)
安装教程网址:https://www.cnblogs.com/hermit-gyqy/p/11731343.html
注意,第一次接触node的最好是默认安装到c盘,为了防止出错,path环境也一定要跟着教程安装。
2.打开编译器软件,可以用webstrom,IDEA,......等等软件(个人喜欢IDEA,不过显示的是webstrom界面,两者步骤都是一样的)
安装好node,我们准备开始
-
创建项目名,在项目名里创建一个文件夹(我的文件夹名为public),这个文件夹用来存放我们的页面,以及一些素材;
-
先确定node有没有安装好,打开cmd框,输入node -v,以及npm -v 如果两个都有,那就是安装好了,安装好了请走下一步,没安装好请查看上面的安装教程地址
- 点击Terminal(在编译器的底部),在local里面输入
npm init -y
然后回车
1.出现错误的提示,实行下面那一步,如果没有出现错误提示不需要看这一步
打开设置,在Terminal里的Shell path 选择c盘 - Windows - system32 - cmd.exe 然后确定
2.正确的看这一步,安装成功后刷新一下,你会发现你的文件夹下多了一个package.json文件
-
输入
npm install express --save
,你会发现你的文件夹里多了一个node_modules的文件夹
-
在根目录下创建一个serverMsql.js
打开数据库
创建数据库:
create database Demo;
打开数据库:
use Demo;
创建表:
create table user(
id int not null primary key auto_increment,
username varchar(255) not null ,
password int(30) not null,
phone varchar(30) not null
);
在表中插入数据:
insert into user (username,password,phone) values
('zs',123456,'13112345678'),
('ls',654321,'13187654321');
- 在local 里输入
npm install mysql --save
,然后在serverMsql.js里写入
let express = require('express');
let app = express();
let mysql = require('mysql');
let connection = mysql.createConnection({
host : 'localhost',
user : 'root', //数据库账号
password : 'root', //数据库密码
database : 'demo' //创建的数据库名
});
//下面是处理跨域问题,必须写
app.all('*', function(req, res, next) {
res.header("Access-Control-Allow-Origin", "*");
res.header("Access-Control-Allow-Headers", "X-Requested-With");
res.header("Access-Control-Allow-Methods","PUT,POST,GET,DELETE,OPTIONS");
res.header("X-Powered-By",' 3.2.1')
res.header("Content-Type", "application/json;charset=utf-8");
next();
});
//创建数据库的连接
connection.connect();
//sql语句写这,我这是查询语句,err是代表错误信息,result是查询结果
connection.query('SELECT id,username,password,phone from user' , function (err, result) {
if (err) throw err;
//我这是用get方法,不过我建议用 post,post安全一些,
// '/user'是你给的url(前端用ajax连的地址是 http://localhost:3006/user,3006是你设置的端口号;
app.get('/user', function(req, res) {
// 把从数据库里查询的结果发给前端;
res.send(result);
});
//这个是在控制台打印数据库里查询的结果,可写可不写
console.log('--------------------------SELECT----------------------------');
console.log(result);
console.log('------------------------------------------------------------\n\n');
});
//数据连接结束
connection.end();
//端口号,是自己设置的,你也可以设置3004
app.listen(3005);
在local 里写 node serverMsql.js
执行语句,你会发现它打印出了你数据库的数据,(如果你想重新运行一下语句,可以快捷键ctrl+c,然后在输入npm ......)
- 创建一个index.html(注意一定要运行serverMsql.js文件 代码
node serverMsql.js
)
//导入jquery文件
<script src="source/jquery/jquery-1.11.0.min.js"></script>
<script>
$(function () {
$.ajax({
url:'http://localhost:3005/user', // url地址,serverMsql写的地址
type:'get', // serverMsql写的方法
success:function (result) {
console.log(result); //serverMsql传过来的数据
for(var i = 0; i < result.length; i++){
console.log(result[i].username)
document.write(result[i].username+',')
}
},
error:function (rel) {
console.log('连接错误'+ rel)
}
})
})
</script>
结果:
这是查询数据库的教程,修改和删除后续会发教程的;(送给正在为连数据而烦恼的LLT!)