nodejs + express
当页面用ajax请求的时候，路由应该怎么写？_nodejs吧_百度贴吧
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&签到排名：今日本吧第个签到，本吧因你更精彩，明天继续来努力！
本吧签到人数：0成为超级会员，使用一键签到本月漏签0次！成为超级会员，赠送8张补签卡连续签到：天&&累计签到：天超级会员单次开通12个月以上，赠送连续签到卡3张
关注：8,977贴子：
nodejs + express
当页面用ajax请求的时候，路由应该怎么写？收藏
nodejs + express
当页面用ajax请求的时候，路由应该怎么写？
上海张学友、王菲演唱会一站式购票!票品安全且真票!立即订购!
就是一般的get或者post就行
登录百度帐号推荐应用
为兴趣而生，贴吧更懂你。或Node.js+Express配置入门教程
作者：JackWang-CUMT
字体：[ ] 类型：转载 时间：
Node.js是一个Javascript运行环境(runtime)。本文给大家介绍Node.js+Express配置入门教程，值得推荐给大家，感兴趣的朋友一起学习吧
　　Node.js是一个Javascript运行环境(runtime)。实际上它是对Google V8引擎进行了封装。V8引 擎执行Javascript的速度非常快，性能非常好。Node.js对一些特殊用例进行了优化，提供了替代的API，使得V8在非浏览器环境下运行得更好。Node.js是一个基于Chrome JavaScript运行时建立的平台， 用于方便地搭建响应速度快、易于扩展的网络应用。Node.js 使用事件驱动， 非阻塞I/O模型而得以轻量和高效，非常适合在分布式设备上运行的数据密集型的实时应用。
　　Express 是一个基于 Node.js 平台的极简、灵活的 web 应用开发框架，它提供一系列强大的特性，帮助你创建各种 Web 和移动设备应用。Express 也是官方推荐的Web框架。
　　下面介绍一下如何在window环境下跑起来一个网站：
1 安装node.js
2 新建一个文件夹nodejs_express
3 打开cmd ,定位到nodejs_express下
E:\myapp\nodejs_express
4 项目初始化 npm init,走完配置后，会在文件夹下生成一个文件：
　　package.json
5 安装Express :npm install express,安装成功后，会在文件夹下生成一个node_modules目录
6 Express项目初始化 express (express hello)
7 安装依赖包npm install serve-favicon morgan cookie-parser body-&npm install jade
更简单的是：
进入项目目录，安装nodejs依赖模块npm install （cd hello ；npm install ）
8 启动npm start,并用本地IP的3000端口进行访问
9 端口号可以在bin/www文件中进行修改
以上所述是小编给大家介绍的Node.js+Express配置入门教程的相关知识，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
您可能感兴趣的文章:
大家感兴趣的内容
12345678910
最近更新的内容
常用在线小工具前一段时间，公司组织了一次NodeJs的技术分享，自己有幸去听了听，第一次接触NodeJs，后来经过自己学习和探索，完成了一个很简单的Web演示项目，在这里和初学者做以分享,开发工具：WebStorm 10.04+MySql5.6;框架：Node+ExpressN版本：v4.2.3;视图渲染：jade模板引擎。
项目代码结构：
比较核心和关键的当然就是node开源的插件库，都可以npm命令快速的安装和卸载，这一点很像Maven，提供我们express框架和mysql的连接库，项目中这些代码库默认都在node_modules目录下；其次就是node在web项目开发中比较重要的路由中间件了，其主要功能是提供请求路由映射，有点像struts2框架的作用；再者就是views目录下存放我们需要的web展示模板，这里使用jade模板引擎；public目录存放web中用到的静态资源文件；最后为了方便代码的管理，将与数据库交互的代码单独放在dao目录下，下面分别贴出几个比较重要的源代码：
1 var mysql=require("mysql");
2 var localConnection=mysql.createConnection({
host:"localhost",
user:"root",
password:"123456",
database:"test"
10 exports.queryCount=function(queryParam,callback){
var sql='select count(1) as total from company where 1=1';
if(queryParam.name){
sql=sql+' and name like ?';
if(queryParam.registNum){
sql=sql+' and registNum like ?';
var param=[queryParam.name,queryParam.registNum];
localConnection.query(sql,param,callback);
22 exports.queryAll=function(queryParam,callback){
var sql='select * from company where 1=1';
var param=new Array();
if(queryParam.name){
sql=sql+' and name like ?';
param[0]=queryParam.
if(queryParam.registNum){
sql=sql+' and registNum like ?';
param[1]=queryParam.registN
sql=sql+' limit ?,?';
param[2]=(queryParam.pageIndex-1)*queryParam.pageS
param[3]=queryParam.pageS
localConnection.query(sql,param,callback);
38 exports.delete=function(id,callback){
var sql="delete from company where id=?";
var param=[id];
localConnection.query(sql,param,callback);
43 exports.save=function(company,callback){
var saveSql="insert into company(id,name,address,registNum) values(?,?,?,?)";
var args=new Array();
args[0]=company.
args[1]=company.
args[2]=company.
args[3]=company.registN
localConnection.query(saveSql,args,callback);
52 exports.detail=function(id,callback){
var sql="select * from company where id=?"
var param=[id];
localConnection.query(sql,param,callback);
57 exports.update=function(company,callback){
var updateSql="update company set name=?,address=?,registNum=? where id=?";
var param=[company.name,company.address,company.registNum,company.id];
localConnection.query(updateSql,param,callback);
1 var express = require('express');
2 var dao=require('../dao/dao');
3 var router = express.Router();
5 /* GET users listing. */
6 router._list=function(req, res, next){
var name=(req.body.name||req.query.name);
if(!name){
name=name.replace(/\t/g,"");
var registNum=(req.body.registNum||req.query.registNum);
if(!registNum){
registNum="";
registNum=registNum.replace(/\t/g,"");
var pageIndex=req.params.pageI
if(!pageIndex) pageIndex=1;
var queryParam={};
queryParam.pageIndex=pageI
queryParam.pageSize=15;
queryParam.name='%'+name+'%';
queryParam.registNum='%'+registNum+'%';
dao.queryCount(queryParam,function(err,count){
dao.queryAll(queryParam,function(err,list){
var num=count[0].
var totalPage=Math.ceil(num/15);
res.render('company/list',{dataList:list,totalCount:num,totalPage:totalPage,pageIndex:pageIndex,name:name,registNum:registNum,title:'首页'});
39 router.delete=function(req,res,next){
var id=req.params.
var pageIndex=req.params.pageI
var name=req.body.
var registNum=req.body.registN
dao.delete(id,function(err,result){
return next(result);
res.redirect('/company/list/'+pageIndex+"?name="+name+"&registNum="+registNum);
52 router.save=function(req,res,next){
var company={};
var date=new Date();
company.id=Date.parse(date);
company.name=req.body.
company.address=req.body.
company.registNum=date.getFullYear()+""+date.getMonth()+""+date.getDay();
dao.save(company,function(err,result){
return next(result);
res.redirect('/company/list/1');
66 router.detail=function(req,res,next){
var id=req.params.
dao.detail(id,function(err,r){
if(err) throw
r[0].success=true;
console.log(r[0]);
res.send(r[0]);
75 router.update=function(req,res,next){
var company={id:req.body.id,name:req.body.name,address:req.body.address,registNum:req.body.registNum};
dao.update(company,function(err,r){
if(err) throw
res.redirect('/company/list/1')
82 module.exports =
1 var express = require('express');
2 var path = require('path');
3 var favicon = require('serve-favicon');
4 var logger = require('morgan');
5 var cookieParser = require('cookie-parser');
6 var bodyParser = require('body-parser');
8 var routes = require('./routes/index');
9 var users = require('./routes/users');
11 var app = express();
13 // view engine setup
14 app.set('views', path.join(__dirname, 'views'));
15 app.set('view engine', 'jade');
17 // uncomment after placing your favicon in /public
18 //app.use(favicon(path.join(__dirname, 'public', 'favicon.ico')));
19 app.use(logger('dev'));
20 app.use(bodyParser.json());
21 app.use(bodyParser.urlencoded({ extended: false }));
22 app.use(cookieParser());
23 app.use(express.static(path.join(__dirname, 'public')));
24 app.use(favicon(__dirname + '/public/favicon.ico'));
26 app.use('/', routes);
27 app.use('/company/list/:pageIndex', users._list);
28 app.use('/company/delete/:id/:pageIndex',users.delete);
29 app.use('/company/save',users.save);
30 app.use('/company/detail/:id',users.detail);
31 app.use('/company/update',users.update);
35 // catch 404 and forward to error handler
36 app.use(function(req, res, next) {
var err = new Error('Not Found');
err.status = 404;
next(err);
42 // error handlers
44 // development error handler
45 // will print stacktrace
46 if (app.get('env') === 'development') {
app.use(function(err, req, res, next) {
res.status(err.status || 500);
res.render('error', {
message: err.message,
error: err
56 // production error handler
57 // no stacktraces leaked to user
58 app.use(function(err, req, res, next) {
res.status(err.status || 500);
res.render('error', {
message: err.message,
67 module.exports =
1 include ../layout
form(id='searchForm',role='form',action='/company/list',method='post')
.panel.panel-default
.panel-body
.row.form-group.form-group-sm
.input-group
span.input-group-addon='公司名称'
.input-group.col-sm-12
input(name='name',placeholder='请输入公司名称',class='form-control' value='#{name}')
.input-group
span.input-group-addon='注册工商号'
.input-group.col-sm-12
input(name='registNum',placeholder='请输入公司注册工商号',class='form-control' value='#{registNum}')
button(type='button',class='btn btn-primary btn-sm',id='qryBtn') 查询
button(type='button',class='btn btn-primary btn-sm',id='resetBtn', style='margin-left:10px') 重置
.panel.panel-default
.panel-heading
.btn-group
a.btn.btn-default.btn-xs.new-btn='新建'
table.table.table-bordered.table-hover.table-striped.table-condensed
th='公司名称'
th='公司地址'
th='注册工商号'
each rowData,index in dataList
td=rowData.id
td=rowData.name
td=rowData.address
td=rowData.registNum
a(id='#{rowData.id}').btn.btn-default.btn-xs.btn-del='删除'
a(id='#{rowData.id}').btn.btn-default.btn-xs.btn-update='修改'
44 include ../pageInfo
46 script(type='text/javascript').
$(".new-btn").click(function(){
var opt={id:"",name:"",address:"",registNum:"",title:"新建注册公司",url:"/company/save"};
createCommonWin(opt);
$(".btn-update").click(function(){
var id=$(this).attr("id");
type:"GET",
async:false,
dataType:"json",
url:"/company/detail/"+id+"",
success:function(data){
if(data.success){
var opt={id:id,name:data.name,address:data.address,registNum:data.registNum,title:"修改注册公司",url:"/company/update"};
createCommonWin(opt);
$("#qryBtn").click(function(){
var queryUrl=$('form').attr('action');
$("form").attr('action',queryUrl+'/'+parseInt($('span.nowPage').html()));
$("form").submit();
$("#resetBtn").click(function(){
$("form input").val("");
$('.btn-del').click(function(){
var id=$(this).attr('id');
var pageIndex=$("li").find("span.nowPage").html();
bootbox.confirm({
buttons: {
confirm: {
label: '确定',
className: 'btn-myStyle'
label: '取消',
className: 'btn-default'
message: '删除要删除本条记录？',
callback: function (result) {
if (result) {
$("form").attr('action', '/company/delete/'+id+'/'+pageIndex);
$("form").submit();
title: "确认提示"
function createCommonWin(opt){
bootbox.dialog({
message: "&div class='row'&" +
"&div class='row form-group form-group-sm' style='text-align: center'&" +
"&form class='form-horizontal' id='createForm' role='form' method='post'&" +
'&div class="form-group form-group-sm" style="margin-left:20px"& ' +
'&input type="hidden" value="' + opt.id + '" name="id" id="id"&' +
'&input type="hidden" value="' + opt.registNum + '" name="registNum" id="registNum"&' +
'&label class="col-sm-2 control-label"&&span style="color:font-weight: bolder"&*&/span&公司名称&/label& ' +
'&div class="col-sm-4"&&input id="name" type="text"
name="name"
value="'+opt.name+'" class="form-control input-md"&' +
'&/div&&/br&&/br& ' +
'&div class="form-group form-group-sm"& ' +
'&label class="col-sm-2 control-label" style="margin-left:10"&&span style="color:#ff0000;font-weight: bolder"&*&/span&公司地址&/label& ' +
'&div class="col-sm-4"&&input style="width:180px" id="address" type="text" name="address"
value="'+opt.address+'" class="form-control input-md"&' +
'&/div&&/br&&/br& ' +
"&/form&" +
"&/div&" +
title: opt.title,
buttons: {
label: "取消",
className: "btn-default",
callback: function () {
label: "保存",
className: "btn-primary",
callback: function () {
var subForm = $("#createForm");
if (subForm.find("#name").val() == "") {
alert("公司名称不能为空!");
} else if (subForm.find("#address").val() == "") {
alert("公司地址不能为空!");
subForm.attr("action", opt.url);
subForm.submit();
最后运行的界面：
阅读(...) 评论()&&原mongoDB+nodeJS+express开发简单用户登录界面,适合初学者入门学习node：是运行在服务器端的程序语言，表面上看过去就是javascript一样的东西，但是呢，确实就是服务器语言，个人觉得在一定层次上比c灵活，java就不提了。反正你只要认为node可以干很多事就行了，绝对不只是web开发。express：这货呢，就是node的一种框架，node有很多的开源框架，express是一个大神开发的（这尊神已经移驾到go语言的开发去了）。express可以让你更方便的操作node（因为原生的node写起来比较麻烦，而且因为node是事件驱动的，所以有很多异步回调，写多了就看着晕...）mongodb：这是一种非关系数据库（nosql），太深的东西我也不清楚，反正这货也有很强大的地方，缺点就是不适合数据一致性要求高的比如金融方面的开发。但是优点就快。总结：也就是说node和mongodb组合起来特别适合一个应用场景&&速度快，处理量大的情况。&同时Node也有它的弊端，详细参照q.com/cn/articles/why-oppose-Node&package.json&里的依赖配置项是非常重要的.&/blog/e75f18a587bcb.html&&&http://blog.csdn.net/anialy/article/details/注意看URL地址变换，写的交槽，就是一个环境&cmd命令行里：mongo//进入数据库use hello-world//创建项目数据库db.addUser(&shuaige&, &123456&)//给这个数据库创建了一个叫帅哥的账号，密码123456 （但是我觉得可能我理解的不到位，你也可以不做这个操作）然后，我们就为这个hello-world数据库创建collection（collection就相当于oracle和mysql里的table）db.createCollection(&users&)//创建一个集合，也就是表db.users.insert({userid: &admin&, password: &123456&})//给users里添加一个文档，也就是一条记录账号admin，密码123456ok，现在检查一下：db.users.find()&//如果看到你刚刚添加的文档记录，就ok咯搭的架子，有问题可以互相交流11个牛币请下载代码后再发表评论//project/project/hello-world/project/hello-world/app.js/project/hello-world/bin/project/hello-world/bin/www/project/hello-world/models/project/hello-world/models/user.js/project/hello-world/node_modules/project/hello-world/node_modules/body-parser/project/hello-world/node_modules/body-parser/HISTORY.md/project/hello-world/node_modules/body-parser/index.js/project/hello-world/node_modules/body-parser/lib/project/hello-world/node_modules/body-parser/lib/read.js/project/hello-world/node_modules/body-parser/lib/types/project/hello-world/node_modules/body-parser/lib/types/json.js/project/hello-world/node_modules/body-parser/lib/types/raw.js/project/hello-world/node_modules/body-parser/lib/types/text.js/project/hello-world/node_modules/body-parser/lib/types/urlencoded.js精精精精原精原精精原原最热搜索分享话题编程语言基础Web开发数据库开发客户端开发脚本工具游戏开发服务器软硬件开源组件类库相关分享原原原精原精原原原原精原原最近下载暂无贡献等级暂无贡献等级最近浏览暂无贡献等级暂无贡献等级暂无贡献等级暂无贡献等级暂无贡献等级暂无贡献等级暂无贡献等级暂无贡献等级暂无贡献等级扫描二维码关注最代码为好友"/>扫描二维码关注最代码为好友