我们现在需要做一个用户信息的注册登录和显示所有用户注册信息的功能。 我们目前数据库是:`mydb`,数据表:`mytable`。 首先需要一个注册界面: #### register.html ```html Document 用户名:
密 码:
``` 注册的时候,必然后台会提示我们是否注册成功,这就需要一个后台接口来处理。 这个接口我们在 `register.php` 中实现。 #### register.php ```php 0){ $obj["code"]=1; $obj["msg"]= "注册成功"; }else{ $obj["code"]=0; $obj["msg"]= "注册失败"; } } echo json_encode($obj); ?> ``` 我们返回给注册前端的是一个对象,对象中有两个属性,一个是状态码 `code`,一个是说明 `msg`。 类似下面的结构: ```json { "code": 0, "msg": "注册失败" } ``` 在 `register.php` 的开头,我们引入了 `config.php` 配置文件,这样我们就可以每次少配置一些信息: #### config.php ```php ``` 主要是设置php支持中文,设置跨域请求,以及连接到我们的数据库 `mgdb`。 注册成功后,我们来进行登录验证: #### login.html ```html Document 用户名:
密 码:
``` 登录的时候也是一样,由 `login.php` 来处理,处理完后只需一个对象,告知我们有没有登录成功即可。 ```json { "code": 0, "msg": "密码错误" } ``` #### login.php ```php ``` 登录成功跳转到用户信息列表 `list.html` 中, `list.html` 用于展示所有我们注册的数据,并且可以实现搜索查找,id或者名称排序,还可以升序降序,类似于后台管理一样。 由于实现的功能很多,所以写起来最复杂。关键性的代码都标了注释。 #### list.html ```html Title
ID 名称 升序 降序
``` > TIPS: > > 不管是购物车,还是用户信息等,都会在页面中增加元素。有的很少的元素,一般使用 createElement 来新增,而有大片的元素的时候,都会使用字符串模板来填写。 > > 但是字符串模板有个不好的地方就是添加事件和获取这个元素。 > > > > **大概有下列处理办法:** > > 1、添加事件可以使用内联事件,需要用的变量可以以事件参数的形式传入。需要用到本身对象,可以使用 `this` 传入事件参数中。 > > 2、在向页面中添加完元素之后,使用DOM操作来获取元素,需要用到的参数使用自定义参数来传入。然后既然获取到了元素,绑定事件就简单了。 用户数据的遍历使用到 `list.php` 来处理, 用户数据的总量使用 `count.php` 来处理, 用户数据的删除使用 `delete.php` 来处理。 #### list.php ```php ``` 用户数据的总量使用 `count.php` 来处理, #### count.php ```php ``` 用户数据的删除,用到了 delete.php 来处理: > 用户删除数据,一般不是真正的删除数据,而是将数据中的一个 flag 改变,这里是 `status == 0`,来表示删除,我们在显示的时候不显示 `status == 0` 的即可。 #### delete.php ```php 0) { $obj["code"] = 1; } else { $obj["code"] = 0; } echo JSON_encode($obj); ?> ``` 删除操作,返回的是删除成功或者失败的信息对象。 #### 演示: ![](./images/2.gif)