以纯面向对象的JS编写最基本的数据字典案例

之前有讲到过数据字典，什么是数据字典，用来干啥的，这个不细说了，今天来说说如何实现数据字典功能

无非就是维护数据字典，对数据字典对象进行增删改查，曾经我写过一个页面跳转形式的，十分简单，不说了，今天用JS来实现，当然JS也要面向对象，不论是属性还是函数，都要当成对象来对待！

先来看看数据库表结构，根据上次的有所修改，大致如下：

数据存入后：

（sql脚本我这边不放出了，在博客上会直接贴出来，微信的代码编辑你懂得！这里我就截图一下了）

好，那再来看看页面的展现形式

1：数据字典类型下拉框

2：如果数据字典类型没有的话，则通过此两个文本框新建输入（下拉框与文本框同时存在则以下拉框的数据字典类型为主来进行添加或者修改）

3，4：数据字典对于的key，和值，比如 {"1":"boy"，"0":"girl"}

5：如果通过按钮7新增加一行，则提交即为 增加，如果在页面上直接修改，则 更新原来数据

6：删除数据字典，删除后动态刷新列表

7：新增一行空数据

8：手动刷新列表

基本验证就不多说了，详细可以去博客查看JS（http://www.cnblogs.com/leechenxiang/p/6086983.html）

再来说说面向对象的写法，其实很简单，现在很多人都会采用这样的写法，但是很多人嫌麻烦，不会这么做，其实这样很有用，以对象来写，并且加载JS后，代码可以做到模块化通用化可供其他页面的JS来调用，非常方便

大致就是这样子了，不是很难，当然也可以用其他形式来维护数据字典，这个就不多说了

下回会跟大家讲讲使用缓存来进行存储与读取。