前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >以纯面向对象的JS编写最基本的数据字典案例

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

作者头像
风间影月
发布2018-04-04 16:51:19
1.5K0
发布2018-04-04 16:51:19
举报
文章被收录于专栏:BeJavaGod

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

无非就是维护数据字典,对数据字典对象进行增删改查,曾经我写过一个页面跳转形式的,十分简单,不说了,今天用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来调用,非常方便

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

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

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2016-11-21,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 BeJavaGod 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
相关产品与服务
数据库
云数据库为企业提供了完善的关系型数据库、非关系型数据库、分析型数据库和数据库生态工具。您可以通过产品选择和组合搭建,轻松实现高可靠、高可用性、高性能等数据库需求。云数据库服务也可大幅减少您的运维工作量,更专注于业务发展,让企业一站式享受数据上云及分布式架构的技术红利!
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档