Express实现前端后端通信上传图片之存储数据库(mysql)傻瓜式教程(二)


Posted in Javascript onDecember 10, 2015

在上篇文章给大家介绍了express实现前端后端通信上传图片之存储数据库(mysql)傻瓜教程(一)

数据库如标题,使用开源的mysql为基础,我是下载的解压版本(自行百度就有,用百度下载的就行),配置过程https://3water.com/article/76206.htm,本人在安装过程中,对于配置my.ini文件着实找了好久的教程,所以贴上本人的my.ini文件

[mysqld]
basedir="D:/MySql" 
datadir="D:/MySql/data" 
port = 3306
socket = "/tmp/mysql.sock"
[client] 
password = 
port = 3306
socket = "/tmp/mysql.sock"
default-character-set = utf8

可以看到我的mysql是安装在Mysql文件夹下的,大家可以按照自己的路径进行修改。

然后在bin文件夹下运行

mysqld -install

安装mysql服务,然后启动服务。

net start mysql

上面的配置mysql教程链接中有navicat for mysql的下载地址(是mysql的可视化工具),还有注册的信息,不想打命令行的同学可以下载使用,更加方便些。

第一次登陆数据库

mysql -uroot -p

直接回车,没有密码。

(ps:我在使用中手动填写数据库时,输入中文时会有乱码问题,解决方案如下:右键一个数据库,然后选择数据库属性,修改字符集为utf8格式,整理选择第一个就行,如图:
        )

下面就要使用node连接数据库了。各位看官可以泡杯茶继续~。

felixge/node-mysql是一个纯nodejs的用javascript实现的一个MySQL客户端程序。felixge/node-mysql封装了Nodejs对MySQL的基本操作,100% MIT公共许可证。

项目地址:https://github.com/felixge/node-mysql

在项目中安装node-mysql,进入昨天建立好的myapp文件夹,运行:

npm install mysql

接下来进行测试,把官网的例子修改下,放到咱们的项目里面,修改routes/index.js,重启express

var express = require('express');
var router = express.Router();var mysql = require('mysql'); //调用MySQL模块
router.get('/', function(req, res) {
 res.render('index', {
 title: '孟星魂'
 });
 //创建一个connection
 var connection = mysql.createConnection({
 host: '127.0.0.1', //主机
 user: 'root', //MySQL认证用户名
 password: '111', //MySQL认证用户密码,没有测试没有密码时为空是否能登陆,不能的话设置下登陆密码
 port: '3306', //端口号
 database: 'nodesample'
 });
 //创建一个connection
 connection.connect(function(err) {
 if (err) {
 console.log('[query] - :' + err);
 return;
 }
 console.log('[connection connect] succeed!');
 });
 //执行SQL语句
 connection.query('SELECT 1 + 1 AS solution', function(err, rows, fields) {
 if (err) {
 console.log('[query] - :' + err);
 return;
 }
 console.log('The solution is: ', rows[0].solution);
 });
 //关闭connection
 connection.end(function(err) {
 if (err) {
 return;
 }
 console.log('[connection end] succeed!');
 });
});
module.exports = router;

 打开页面后,命令符显示效果如下:

 测试成功!!,下面建立测试数据库

CREATE DATABASE IF NOT EXISTS nodesample CHARACTER SET UTF8;
USE nodesample;
SET FOREIGN_KEY_CHECKS=0;
DROP TABLE IF EXISTS `userinfo`;
CREATE TABLE `userinfo` (
 `Id` int(11) NOT NULL AUTO_INCREMENT COMMENT '主键',
 `UserName` varchar(64) NOT NULL COMMENT '用户名',
 `UserPass` varchar(64) NOT NULL COMMENT '用户密码',
 PRIMARY KEY (`Id`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8 COMMENT='用户信息表';

这段代码可以直接在navicat里面运行,点击工具,console,粘贴,回车就好了。

接下来往数据库中添加一条数据,修改routes/index.js,如下

var express = require('express');
var router = express.Router();
var mysql = require('mysql'); //调用MySQL模块
router.get('/', function(req, res) {
 res.render('index', {
 title: '孟星魂'
 });
 //创建一个connection
 var connection = mysql.createConnection({
 host: '127.0.0.1', //主机
 user: 'root', //MySQL认证用户名
 password: '111', //MySQL认证用户密码
 port: '3306', //端口号
 database: 'nodesample'
 });
 //创建一个connection
 connection.connect(function(err) {
 if (err) {
 console.log('[query] - :' + err);
 return;
 }
 console.log('[connection connect] succeed!');
 });
 //执行SQL语句
 var userAddSql = 'INSERT INTO userinfo(Id,UserName,UserPass) VALUES(0,?,?)';
 var userAddSql_Params = ['Wilson', 'abcd'];
 //增
 connection.query(userAddSql, userAddSql_Params, function(err, result) {
 if (err) {
 console.log('[INSERT ERROR] - ', err.message);
 return;
 }
 console.log('--------------------------INSERT----------------------------');
 //console.log('INSERT ID:',result.insertId); 
 console.log('INSERT ID:', result);
 console.log('-----------------------------------------------------------------\n\n');
 });
 //关闭connection
 connection.end(function(err) {
 if (err) {
 return;
 }
 console.log('[connection end] succeed!');
 });
});

module.exports = router;

重启express,刷新页面,命令符显示:

数据库显示:

好了,现在大家已经可以操作数据库了,基本的一些操作请参考http://www.cnblogs.com/zhongweiv/p/nodejs_mysql.html#mysql_mod,增删改查里面都有介绍。

 

后面应该是介绍大家上传的图片存储数据库的,但遇到了一些坑,才解决,最精彩的留在明天~,

主要是路由的问题,主页请求了模板,这个时候是无法在往前端发送数据的,所以会用到express的中间件,大家晚安~。

Javascript 相关文章推荐
实现复选框全选/全不选切换
Dec 23 Javascript
得到文本框选中的文字,动态插入文字的js代码
Mar 07 Javascript
根据地区不同显示时间的javascript代码
Aug 13 Javascript
淘宝搜索框效果实现分析
Mar 05 Javascript
使用Javascript接收get传递的值的代码
Nov 30 Javascript
jQuery插件datepicker 日期连续选择
Jun 12 Javascript
node.js中使用Export和Import的方法
Sep 18 Javascript
redux中间件之redux-thunk的具体使用
Apr 17 Javascript
vue 中动态绑定class 和 style的方法代码详解
Jun 01 Javascript
Vue-CLI 3.X 部署项目至生产服务器的方法
Mar 22 Javascript
使用watch在微信小程序中实现全局状态共享
Jun 03 Javascript
利用JS代码自动删除稿件的普通弹幕功能
Sep 20 Javascript
Express的路由详解
Dec 10 #Javascript
在 Express 中使用模板引擎
Dec 10 #Javascript
Express实现前端后端通信上传图片之存储数据库(mysql)傻瓜式教程(一)
Dec 10 #Javascript
基于jQuery实现复选框是否选中进行答题提示
Dec 10 #Javascript
日常收集整理的JavaScript常用函数方法
Dec 10 #Javascript
详解AngularJS中module模块的导入导出
Dec 10 #Javascript
SpringMVC restful 注解之@RequestBody进行json与object转换
Dec 10 #Javascript
You might like
德生PL550的电路分析
2021/03/02 无线电
PHP操作xml代码
2010/06/17 PHP
php实现的日历程序
2015/06/18 PHP
PHP文字转图片功能原理与实现方法分析
2017/08/31 PHP
PHP中__set()实例用法和基础讲解
2019/07/23 PHP
node.js中的fs.lchmodSync方法使用说明
2014/12/16 Javascript
javascript截取字符串小结
2015/04/28 Javascript
javascript实现输出指定行数正方形图案的方法
2015/08/03 Javascript
基于Jquery easyui 选中特定的tab
2015/11/17 Javascript
jQuery获取访问者IP地址的方法(基于新浪API与QQ查询接口)
2016/05/25 Javascript
jQuery实现Select左右复制移动内容
2016/08/05 Javascript
用js实现简单算法的实例代码
2016/09/24 Javascript
JS中动态创建元素的三种方法总结(推荐)
2016/10/20 Javascript
使用Vue.js创建一个时间跟踪的单页应用
2016/11/28 Javascript
使用ionic切换页面卡顿的解决方法
2016/12/16 Javascript
jquery实现异步加载图片(懒加载图片一种方式)
2017/04/24 jQuery
Python标准库之多进程(multiprocessing包)介绍
2014/11/25 Python
Python中不同进制互相转换(二进制、八进制、十进制和十六进制)
2015/04/05 Python
Python3多线程爬虫实例讲解代码
2018/01/05 Python
python语言基本语句用法总结
2019/06/11 Python
Python 生成器,迭代,yield关键字,send()传参给yield语句操作示例
2019/10/12 Python
Flask之pipenv虚拟环境的实现
2019/11/26 Python
Python 格式化输出_String Formatting_控制小数点位数的实例详解
2020/02/04 Python
CSS3实现时间轴特效
2020/11/02 HTML / CSS
金属材料工程毕业生个人的自我评价
2013/11/28 职场文书
一年级语文教学反思
2014/02/13 职场文书
校园歌咏比赛主持词
2014/03/18 职场文书
物流管理专业毕业生求职信
2014/03/23 职场文书
我的职业生涯规划:打造自己的运动帝国
2014/09/18 职场文书
土木工程专业本科生求职信
2014/10/01 职场文书
银行贷款收入证明
2014/10/17 职场文书
2014初中数学教研组工作总结
2014/12/19 职场文书
二审答辩状格式
2015/05/22 职场文书
浅谈MySql整型索引和字符串索引失效或隐式转换问题
2021/11/20 MySQL
Apache Pulsar集群搭建部署详细过程
2022/02/12 Servers
Vue router配置与使用分析讲解
2022/12/24 Vue.js