位置: 编程技术 - 正文

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

编辑:rootadmin

推荐整理分享Express实现前端后端通信上传图片之存储数据库(mysql)傻瓜式教程(二)(express 前后端分离),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:express前后端交互,express 前后端分离,express前后端交互,express怎么给前端写接口,express 前后端分离,express做后端,express怎么给前端写接口,express前端框架,内容如对您有帮助,希望把文章链接给更多的朋友!

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

数据库如标题,使用开源的mysql为基础,我是下载的解压版本(自行百度就有,用百度下载的就行),配置过程  可以看到我的mysql是安装在Mysql文件夹下的,大家可以按照自己的路径进行修改。

  然后在bin文件夹下运行

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

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

  第一次登陆数据库

直接回车,没有密码。

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

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

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

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

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

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

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

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

  这段代码可以直接在navicat里面运行,点击工具,console,粘贴,回车就好了。  接下来往数据库中添加一条数据,修改routes/index.js,如下

module.exports = router;

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

  数据库显示:

  好了,现在大家已经可以操作数据库了,基本的一些操作请参考   后面应该是介绍大家上传的图片存储数据库的,但遇到了一些坑,才解决,最精彩的留在明天~,  主要是路由的问题,主页请求了模板,这个时候是无法在往前端发送数据的,所以会用到express的中间件,大家晚安~。

JavaScript基础篇(6)之函数表达式闭包 其实js支持函数闭包的主要原因是因为js需要函数能够保存数据。这里的保存数据是只函数在运行结束以后函数内变量的值也会进行保存。至于为什么js

JavaScript匿名函数之模仿块级作用域 匿名函数函数是JavaScript中最灵活的一种对象,这里只是讲解其匿名函数的用途。匿名函数:就是没有函数名的函数。函数的定义,首先简单介绍一下函

javascript性能优化之事件委托实例详解 本文实例分析了javascript性能优化之事件委托。分享给大家供大家参考,具体如下:为下面每个LI绑定一个click事件ulid="myLinks"liid="goSomewhere"Gosomewhere/liliid=

本文链接地址:https://www.jiuchutong.com/biancheng/387193.html 转载请保留说明!

上一篇:Express的路由详解(node express 路由)

下一篇:JavaScript基础篇(6)之函数表达式闭包(javascript入门基础)

免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

鄂ICP备2023003026号

网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

友情链接: 武汉网站建设 电脑维修 湖南楚通运网络