国开电大 JavaScript程序设计 实训七：实现用户管理功能.pdf

1.题目

实现用户管理功能。

2.目的

（1）理解Node.js程序的基本原理。

（2）掌握利用Node.js建立服务器程序的基本方法。

（3）理解Ajax的工作原理。

（4）掌握编写Ajax程序的基本方法。

（5）会利用所学知识设计简单的应用程序。

3.内容

设计程序能够对用户进行管理，实现查询、删除、注册、登录功能。

4.要求

（1）用户管理界面，以列表的方式显示用户数据，并提供删除功能。数据

通过Ajax请求服务器端程序，从数据库中获取。

（2）注册界面Ajax请求服务器端程序能够将用户信息保存到数据库。

（3）注册界面在输入用户名时能实现动态验证的唯一性。

（4）登录功能通过数据库查询进行验证。

代码示例：

template

div--!--v--表格加载状态--

el-table--

/el-table

...

/el-pagination

/div

/template

template

div--

el-table

el-table-column操作操作

/el-table-column

/el-table

!--:current--同步父组件页数@current--触发

事件改变页数，数据传递给父组件--

el-paginationbackgroundbackgroundpager,pager,

----

/el-pagination

/div

/template

script

exportdefault{

,

methods:{

,

changePage(page){

this.$emit(changePage,page);

}

}

}

/script

template

div

!接收子组件传递过来的page数--

Table

/div

/template

script

exportdefault{

,

data(){

return{

tableData:[],

tableLabel:[

,

{

prop:birth,

label:出生日期,

width:200

},

{

prop:addr,

label:地址,

width:300

},

],

},

methods:{

getList(){

this.config.loading=true;

this.$http.get(/api/user/getUser,{

params:{

page:this.config.page

}

}).then(re