前段时间作了一个简单的企业信息网站,主要用到一些开源的框架和插件,网站开发完了,把用到的东西写出来分享一下java
网站功能分析jquery
(1)网站信息维护:网站信息分为不少种类型,有本身网站发布的新闻、知识,也有从其余网站上转载的相关内容,从功能上看都相似,内容主要是富文本,都已经抽象为信息维护功能,包括企业简介之类的,都抽象为网站的信息,只是属于特殊的类型,所以也延伸出另外一个需求,网站信息类型维护;数据库
(2)网站连接管理:网站连接,主要是为了丰富网站内容,方便用户使用,提高用户体验,因为该网站属于特定行业的企业网站,须要用到一些行业相关的搜索引擎和引用其余一些知名网站,因此须要在网站首页给用户提供经常使用连接,也分为好几个类型,所以也延伸出来另外一个需求,网站连接类型维护;json
(3)客户留言管理:方便企业采集客户在线的留言内容,因为网站不须要客户注册,直接经过留言的表单填写客户信息,功能相对简单一些架构
网站简单架构框架
整个网站分为两个子系统,分别为后台管理子系统和网站子系统,后台管理子系统是提供给企业管理员使用的,而网站子系统是放在公网上提供给网民使用的异步
之因此说简单,是由于整个网站的功能比较少,也都是一些常规功能,因此架构也相对简单一些jsp
因为要进行快速开发,采用主流的开源框架Struts2+Spring+Hibernate来搭建整个网站的后台架构,异步访问后台数据使用json-rpc-for-java插件,虽然是国产的,可是使用比较简单,几乎不须要额外的配置编辑器
后台管理子系统的UI框架,考虑过DWZ,最终仍是使用LigerUI,功能相对丰富,使用也比较灵活一些,而富文本编辑器则使用fckeditor,JAVA版有现成的jsp标签能够直接使用,上传图片也已经集成好了布局
网站子系统的UI则直接使用HTML+CSS搞定,外加jquery的js库作一些特效、kkpager分页插件、artDialog弹出框插件
常见问题解决
一、LigerUI编辑表格数据如何保存到数据库
LigerGrid的数据先转换成json字符串,传递到后台以后再还原成JAVA对象,因为前台js要调用后台,索性也使用json-rpc-for-java搞定
二、富文本信息转换成json如何处理特殊字符
刚开始想使用jquery的base64插件,后来测试发现有些特殊字符仍是处理不了,因而回到最原始的办法,直接用encodeURI编码两次,后台再使用URLDecoder.decode()解码便可
页面效果展现
网站没啥好展现的,主要看看后台一些改造LigerUI默认风格的页面
一、可编辑表格
后台的修改时间是日期类型,在前台已经转换成字符串类型,回写到数据库以前须要再转换成日期类型
二、查询表格
查询条件能够点击左侧图片收缩或者展开,查询表单布局没有使用LigerUI默认的方式,直接使用的table
三、带底部按钮栏的表单
底部的按钮不会随着表单纵向滚动而滚动,即锁定位置在底部
四、带顶部按钮栏的表单
顶部的按钮,不会随着表单纵向滚动而滚动,即锁定位置在顶部