手把手教你用nodejs+SQL Server2012做增删改查
1.开发工具WebStorm 10.0.4
2.打开WebStorm 10.0.4新建项目:
ejs的特性:
1、缓存功能,能够缓存已经解析好的html模版;
2、<% code %>用于执行其中javascript代码;
3、<%= code %>会对code进行html转义;
4、<%- code %>将不会进行转义;
5、支持自定义标签,比如'<%'可以使用'{{','%>'用'}}'代替;
6、提供一些辅助函数,用于模版中使用
7、利用<%- include filename %>加载其他页面模版;
可以根据个人喜好选择相应的模板
3.在app.js中:将圈起来的代码注释掉,写上箭头下的代码
artTemplate不仅可以作为前端引擎,还可以作为后端引擎使用。
artTemplate是出色的javascript引擎,搭配出色的javascript运行时环境node.js一起使用,将会非常顺畅。
4.在Terminal下
完成这个后你的node_modules文件夹下会相应多出一个 art-template 文件夹,
5.配置你的dbHelper
6.和4 一样 npm install mssql
7.
8.users.js代码
var express = require('express'); var router = express.Router(); var dbHelper = require('../modules/utils/dbHelper.js'); /* GET home page. */ //查询所有用户信息 router.get('/', function(req, res, next) { dbHelper.selectAll('dbo.users',function(err,result){ if(!err){ res.render('users',{datas:result}); } }); }); //执行删除 router.get('/delete/:id',function(req, res, next){ var id=req.param("id"); dbHelper.del("where id = @id",{id:id},"dbo.users",function(err,recordset){ if(!err){ //res.render('users',{datas:recordset}); res.redirect('/users'); } else{ res.end(); } }); }); //根据id拿信息 router.get('/toupdate/:id',function(req, res, next){ var id=req.param("id"); dbHelper.select("dbo.users",1,"where id=@id",{id:id},"order by id",function(err,recordset){ if(!err){ res.render('update',{datas:recordset}); } else{ res.end(); } }); }); //执行修改 router.get('/update/:id/:name',function(req, res, next){ var id=req.param("id"); var name=req.param("name"); dbHelper.update({name:name},{id:id},"dbo.users",function(err,recordset){ if(!err){ res.redirect('/users'); } else{ res.end(); } }); }); //跳转到添加用户信息界面 router.get('/toaddurl',function(req,res,next){ res.render('add'); }); //执行添加 router.get('/add/:name',function(req, res, next){ var name=req.param("name"); dbHelper.add({name:name},"dbo.users",function(err,recordset){ if(!err){ res.redirect('/users'); } else{ res.end(); } }); }); module.exports = router;
9.users.html代码
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"> <title>用户信息主页面</title> </head> <body> <table> <tr> <th>编号</th> <th>姓名</th> <th>操作</th> <th><a href="/users/toaddurl">添加用户</a></th> </tr> {{each datas as value }} <tr> <td>{{value.id}}</td> <td>{{value.name}}</td> <td><a href="/users/delete/{{value.id}}">删除</a></td> <td><a href="/users/toupdate/{{value.id}}">修改</a></td> </tr> {{/each}} </table> </body> </html>
10.update.html代码
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"> <title>修改用户信息页面</title> <script type="text/javascript"> function update(){ var id = document.getElementById("id").value; var name = document.getElementById("name").value; window.location.href = "/users/update/" + id + "/" + name; } </script> </head> <body> <table> <form method="post"> {{each datas as val index}} <tr> <td><input type="hidden" value="{{val.id}}" id="id" /></td> </tr> <tr> <td>姓名:</td> <td><input type="text" id="name" value="{{val.name}}"></td> </tr> <tr> <td><input type="button" value="修改" οnclick="javascript:update()"></td> </tr> {{/each}} </form> </table> </body> </html>
11.add.html代码
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"> <title></title> <script type="text/javascript"> function update(){ var name = document.getElementById("name").value; window.location.href = "/users/add/"+ name; } </script> </head> <body> 用户名称: <input type="text" id="name"> <input type="button" value="添加" οnclick="javascript:update()"> </body> </html>
12.最终页面
转载于:https://www.cnblogs.com/yingzi1028/p/5469106.html
手把手教你用nodejs+SQL Server2012做增删改查相关推荐
- sqlHelper做增删改查,SQL注入处理,存储值,cookie,session
一.存储值 eg:登录一个页面,在进入这个页面之前你怎么知道它登没登录呢?[在登录成功之后我们把状态保存起来] 存储值得方式有两种,一种是cookie,一种是session 1.1区别: 代码: if ...
- 我在外包公司做增删改查有前途么?
作者:邹溪源,长沙资深互联网从业者,架构师社区特邀嘉宾! 起因 这是我无意中在筛选简历时,看到一位朋友发布的求职说明中,明确指出,外包勿扰,并给出了他做出这个决定的理由: 过去若干年间,他一直在中软国 ...
- 使用dbutils对mysql数据库做增删改查的基本操作方法
2019独角兽企业重金招聘Python工程师标准>>> 1.数据库名:phoenix_uml,t_user.sql 表结构 SET FOREIGN_KEY_CHECKS=0;-- - ...
- eggjs增删改查MySQL,nodejs操作mysql实现增删改查
首先需要安装mysql模块:npm install mysql –save 然后创建user数据表: 接着使用nodejs对数据库进行增删改查: //引入mysql模块 var mysql = req ...
- MySQL 使用SQL语句实现 增删改查
MySQL 使用SQL语句实现 增删改查 环境准备:MySQL,navicat 一.增加数据 语法: INSERT INTO 表名(字段1,字段2,字段3...) VALUES(值1,值2,值3... ...
- Database之SQL:自定义创建数据库的各种表demo集合(以方便理解和分析sql的各种增删改查语法的具体用法)
Database之SQL:自定义创建数据库的各种表demo集合(以方便理解和分析sql的各种增删改查语法的具体用法) 目录 自定义创建数据库的各种表demo集合 具体案例 1.学生信息数据表案例
- java对xml文件做增删改查------摘录
java对xml文件做增删改查 package com.wss; import java.io.File; import java.util.ArrayList; import java.util.L ...
- sql serve2008的增删改查操作
sql serve2008的增删改查 use test create table student ( id int not null primary key, name char(16) not nu ...
- Java程序员除了做增删改查还能干嘛?
就以Java后端开发为例,说说不同级别程序员干的事情. 1 初级开发,大概是有3年Java开发经验. 22年底,上海,这批程序员如果学历是本科,薪资一般是8k到2w,当然如果能进好公司或互联网大厂,薪 ...
最新文章
- python autopy_安装python autopy时出错
- extjs4 textfield width
- MMORPG大型游戏设计与开发(part3 of net)
- Android WebView对https无响应
- 新手入门Web前端,你需要克服这几点困难
- 内置方法-del方法和对象的生命周期
- 解析取值_圆锥曲线——高中解析几何全归纳
- 怎样将树的中序遍历的数输入到一个数组中_LeetCode 530.二叉搜索树的最小绝对差
- think php left join,Thinkphp两张数据表left join怎么让相同字段不被覆盖?
- WebX框架的页面授权
- 在线黑客帝国文字效果生成工具
- android studio拟器,十二、安装Android Studio 模拟器
- 通过TXT文件批量生成PDF417码
- 数据科学面试问答题库
- 华为认证大数据工程师 HCIA-Big Data V3.5(中文版) 发布通知
- 家卫士扫地机器人好吗_谁用过家卫士 S320扫地机器人,说说感受
- 快看!RobotArt如何降服四轴机器人?
- MOS管基本驱动电路
- databindingutil.setcontentview type mismatch 从使用角度区分ViewBinding和DataBinding
- 30个HTML+CSS前端开发案例(四)
热门文章
- 十、PHP框架Laravel学习笔记——数据库配置入门
- LeetCode 1536. 排布二进制网格的最少交换次数
- LeetCode 第 27 场双周赛(1125/1966,前57.2%)
- 快速排序quicksort算法优化
- android查询所有照片,Android查询外部存储中所有照片
- python第k序元素查找列表_【Python】第8次练习:列表——程序填空题 -合并队列、列表元素零的移动、列表逆序输出、第K序元素查找...
- ClickHouse表引擎之Integration系列
- 执行文件异常报错:ImportError: attempted relative import with no known parent package
- ICLR2021 Oral |9行代码提高少样本学习泛化能力
- 小夕说,不了解动态空间增长的程序喵都是假喵(下)