• 【原】无脑操作:express + MySQL 实现CRUD


    基于node.js的web开发框架express简单方便,很多项目中都在使用。这里结合MySQL数据库,实现最简单的CRUD操作。

    开发环境:

    IDE:WebStorm

    DB:MySQL

    -------------------------------------------------------------------------------------------

    1、使用WebStorm创建node.js express应用程序,express框架可以根据使用者的爱好设置页面引擎,默认为jade,我比较喜欢ejs,这里设置时选择Template为EJS即可

    这里WebStorm实际使用了express-generator这个生成器为我们生成了express应用程序


    2、创建结束时,可以看到express工程结构如图

    3、执行调试的设置(不设置也可以,只不过执行或调试时看的有些奇怪而已)

    修改一下Name的内容为工程名称

    注意:express工程中的bin目录下有一个www文件,它用来设置express工程的一些配置,比如express引用程序的端口(默认:3000)等

    4、配置好后就可以执行(alt+F10)或调试(alt+F9)了

    5、试着访问一下,在浏览器的地址栏中输入localhost:3000,可以看到下图,说明express框架的应用程序已经搭建好了

    -------------------------------------------------------------------------------------------

    6、express-generator生成器生成的代码中有users相关内容,我们不需要的,所以删除之。先在app.js这个文件中删除相关内容,下图中的第9行和第26行都删除掉

    7、另外,路由目录routes中的users.js文件也删除掉

    -------------------------------------------------------------------------------------------

    8、接着添加MySQL数据库驱动,在package.json文件中添加"mysql" : "latest",意思是不知道mysql对应的驱动是什么版本,使用latest表示获取最新的mysql数据库驱动

    9、观察一下工程目录中的node_modules目录,现在是没有mysql驱动的

    10、在命令行窗口中当前工程路径下使用指令:npm install,这样就可以依据package.json文件中写的依赖添加mysql驱动了

    添加完毕,如下提示

    再次观察node_modules目录,这时有mysql驱动了

    -------------------------------------------------------------------------------------------

    11、最终实现的效果

    【客户信息列表页面】

    【客户新增页面】

    【客户修改页面】

     【根据条件查询】

    -------------------------------------------------------------------------------------------

    12、创建数据访问层,在express工程中创建db目录,在其中创建两个文件dbconfig.js 和 customersql.js文件,dbconfig.js文件是MySQL数据库连接配置信息模块文件,customersql.js文件记录客户管理功能模块要用到的sql语句,当然都以JavaScript对象的形式,以node.js中模块的结构组织。

    对于数据库连接配置模块,还是那些连接信息:服务器名称啦、连接用户名称啦、连接用户密码啦、数据库名称啦、端口号啦

    而具体业务模块的数据库操作对象模块说白了就是对SQL语句进行了JavaScript对象方式的封装,调用时获取对象的CRUD相应的属性值(也就是相应的SQL语句)

    -------------------------------------------------------------------------------------------

    13、路由规划

    默认index.js文件如下,只有对默认路径(即http://localhost这样)形式访问的路由处理

    添加自定义的路由规划,包括路由对应的处理器函数,无非是对应页面的CRUD操作,设置get、post方式的处理器函数

    -------------------------------------------------------------------------------------------

    14、最终的工程结构

     

    看到这里,是不是感觉到特别无脑操作、特别简单呀?

    后续有空,再写一个更好一些的版本(涉及:分页、多表连接、Ajax等)

    整个工程代码:https://github.com/temptation/watermalon_v1

  • 相关阅读:
    数字图像处理领域就业前景
    opencv 学习方法
    学习opencv tutorials
    win64+VS2010+OPENCV2.4.9配置问题
    libsvm使用步骤
    生成libSVM的数据格式及使用方法
    一堆应该记住的概念
    static静态变量的理解
    C程第一节课
    扫雷但是不会恭喜
  • 原文地址:https://www.cnblogs.com/iflytek/p/6237068.html
Copyright © 2020-2023  润新知