各行各业需要各种各样的web管理系统,优点肯定是显而易见的(比人工记录管理在在纸上、在excel和word表上方便多了),其基本功能无非就是增删改查。
当然了,我的web管理系统就做的很简单也很粗糙了,该系统是管理计算机设备的。该系统主要管理关于设备自身固有属性(SN号、型号)与设备关联属性(所在位置、所处状态、拥有者)。
系统前端使用模板样式+JQuery EasyUI组件,使用JSON交换数据,后端语言使用Java,服务器使用Tomcat,与MySQL数据库交互采用DbUtils。
自定义样式
这个主要包括注册、登录、管理页面的整体格调、色彩搭配、页面样式、布局等等。要想真的前端搞好,要狠下功夫!然而我并不懂设计,也没有太多经验。为了敏捷开发(先把东西做出来 是最重要的,改进优化以r后再说!),直接搜各种网站素材模板(主要是图片资源和静态的html代码),借用它的皮囊。JQuery EasyUI 组件
tabs(选项卡)组件在项目中主要用于 切换不同的tabs窗口,注意不同的tabs其实处在同一个页面上,切换tab其实只是将该显示的show出来,不该显示的hide掉。因此如果不做特殊选择,操作多个相同类型的tabs会操作所有该类型的tabs(因为选择器一样),如果有这样的需求,请使用iframe。
dialog(对话框)组件主要负责呈现提交form组件,dialog中可包括各种类型的validatebox,对validatebox的验证可以使用自定义验证器。
<p style="margin:10px">
输入新密码:<input class="easyui-validatebox textbox"name="password"id="pwd"type="password"placeholder="******"data-options="required:true"validType="lengthTo[5,10]"style="margin-left:10px"/>
</p>
<p style="margin:10px">
确认输入: <input class="easyui-validatebox textbox"