网页的登陆界面如何连接到数据库

请考虑以下思路：

1.页面应该有用户名、用户密码两个文本输入框及相应提示的标签框；

2.应该有确定和取消两个命令按钮；

3.登录正理应该在确定按钮的单击事件中；

4.创建数据库连接对象，连接你的数据库；

5.向数据库发送带有用户名和密码参数的查询命令；

6.根据查询返回的结果允许或拒绝用户登录请求；

只能给你给步骤：

1.资产编号文本框的onblur()鼠标焦点离开时，发送ajax请求到后台的php页面

2.后台php *** 作数据库，将结果返回到前台，用js解析返回结果，并将数据显示到相应的文本框中

取出web sql database中的数据并放在input框中的方法是用字段对应映射法。

1. 建立数据访问对象文件

在db目录中新建db.js，其中代码如下：

var mysql = require('mysql')

var options = {

 host: 'localhost',

 user: 'lupeng',

 password: '080910',

 database: 'myapp'

}

exports.createConn = function (){

 var client = mysql.createConnection(options)

 return client

}

exports.getUsers = function (client,callback){

 var selectstatement = 'select * from user'

 client.query(selectstatement, function(errs,rows,fields){

     if (errs){

       callback(errs)

     }

     if (rows){

       console.log(rows)

       callback(rows)

   }

 }) 

}

上述代码简单实现了两个方法，一个是获取数据库对象createConn，一个是获取用户的方法getUsers。注意得到数据库数据后，作为参数赋予回调函数callback。

2. 编辑路由方法

当访问到某个路径的时候，查询数据库，并返回结果，最终通过res对象将内容发送到客户端上。app.js中编写路由方法如下：

var db = require('../db.js')

// ... 省略

app.get('/',function(req,res){

 var client = db.createConn()

 db.getUsers(client,function(results){

   if(results){

     res.render('index',{results: results})

   }

 })

})

首先调用createConn方法获取数据库对象client，然后调用getUsers方法取得数据，实现回调函数，将数据回传回来，最后通过res对象发送至前台页面。

3. view模版设置

res对象渲染index页面，最终显示在前端。这里使用的是jade模版引擎，下面看看index.jade示例代码：

doctype html

html

 head

   title= title

   link(href='/bootstrap.min.css',rel='stylesheet')

 body

   .container

     .row

       h1 读取用户数据库

         small Mysql

       .table-responsive

           table.table

             thead

               tr

                 th ID

                 th 用户名

                 th 密码

               tbody

                 each item in results

                   tr

                     td= item.id

                     td= item.username

                     td= item.password

前台显示如下图，一个打印了数据库数据的简单页面。

---