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做增删改查相关推荐

  1. sqlHelper做增删改查,SQL注入处理,存储值,cookie,session

    一.存储值 eg:登录一个页面,在进入这个页面之前你怎么知道它登没登录呢?[在登录成功之后我们把状态保存起来] 存储值得方式有两种,一种是cookie,一种是session 1.1区别: 代码: if ...

  2. 我在外包公司做增删改查有前途么?

    作者:邹溪源,长沙资深互联网从业者,架构师社区特邀嘉宾! 起因 这是我无意中在筛选简历时,看到一位朋友发布的求职说明中,明确指出,外包勿扰,并给出了他做出这个决定的理由: 过去若干年间,他一直在中软国 ...

  3. 使用dbutils对mysql数据库做增删改查的基本操作方法

    2019独角兽企业重金招聘Python工程师标准>>> 1.数据库名:phoenix_uml,t_user.sql 表结构 SET FOREIGN_KEY_CHECKS=0;-- - ...

  4. eggjs增删改查MySQL,nodejs操作mysql实现增删改查

    首先需要安装mysql模块:npm install mysql –save 然后创建user数据表: 接着使用nodejs对数据库进行增删改查: //引入mysql模块 var mysql = req ...

  5. MySQL 使用SQL语句实现 增删改查

    MySQL 使用SQL语句实现 增删改查 环境准备:MySQL,navicat 一.增加数据 语法: INSERT INTO 表名(字段1,字段2,字段3...) VALUES(值1,值2,值3... ...

  6. Database之SQL:自定义创建数据库的各种表demo集合(以方便理解和分析sql的各种增删改查语法的具体用法)

    Database之SQL:自定义创建数据库的各种表demo集合(以方便理解和分析sql的各种增删改查语法的具体用法) 目录 自定义创建数据库的各种表demo集合 具体案例 1.学生信息数据表案例

  7. java对xml文件做增删改查------摘录

    java对xml文件做增删改查 package com.wss; import java.io.File; import java.util.ArrayList; import java.util.L ...

  8. sql serve2008的增删改查操作

    sql serve2008的增删改查 use test create table student ( id int not null primary key, name char(16) not nu ...

  9. Java程序员除了做增删改查还能干嘛?

    就以Java后端开发为例,说说不同级别程序员干的事情. 1 初级开发,大概是有3年Java开发经验. 22年底,上海,这批程序员如果学历是本科,薪资一般是8k到2w,当然如果能进好公司或互联网大厂,薪 ...

最新文章

  1. python autopy_安装python autopy时出错
  2. extjs4 textfield width
  3. MMORPG大型游戏设计与开发(part3 of net)
  4. Android WebView对https无响应
  5. 新手入门Web前端,你需要克服这几点困难
  6. 内置方法-del方法和对象的生命周期
  7. 解析取值_圆锥曲线——高中解析几何全归纳
  8. 怎样将树的中序遍历的数输入到一个数组中_LeetCode 530.二叉搜索树的最小绝对差
  9. think php left join,Thinkphp两张数据表left join怎么让相同字段不被覆盖?
  10. WebX框架的页面授权
  11. 在线黑客帝国文字效果生成工具
  12. android studio拟器,十二、安装Android Studio 模拟器
  13. 通过TXT文件批量生成PDF417码
  14. 数据科学面试问答题库
  15. 华为认证大数据工程师 HCIA-Big Data V3.5(中文版) 发布通知
  16. 家卫士扫地机器人好吗_谁用过家卫士 S320扫地机器人,说说感受
  17. 快看!RobotArt如何降服四轴机器人?
  18. MOS管基本驱动电路
  19. databindingutil.setcontentview type mismatch 从使用角度区分ViewBinding和DataBinding
  20. 30个HTML+CSS前端开发案例(四)

热门文章

  1. 十、PHP框架Laravel学习笔记——数据库配置入门
  2. LeetCode 1536. 排布二进制网格的最少交换次数
  3. LeetCode 第 27 场双周赛(1125/1966,前57.2%)
  4. 快速排序quicksort算法优化
  5. android查询所有照片,Android查询外部存储中所有照片
  6. python第k序元素查找列表_【Python】第8次练习:列表——程序填空题 -合并队列、列表元素零的移动、列表逆序输出、第K序元素查找...
  7. ClickHouse表引擎之Integration系列
  8. 执行文件异常报错:ImportError: attempted relative import with no known parent package
  9. ICLR2021 Oral |9行代码提高少样本学习泛化能力
  10. 小夕说,不了解动态空间增长的程序喵都是假喵(下)