一个简单企业信息网站架构

前段时间做了一个简单的企业信息网站，主要用到一些开源的框架和插件，网站开发完了，把用到的东西写出来分享一下

网站功能分析

（1）网站信息维护：网站信息分为很多种类型，有自己网站发布的新闻、知识，也有从其他网站上转载的相关内容，从功能上看都类似，内容主要是富文本，都已经抽象为信息维护功能，包括企业简介之类的，都抽象为网站的信息，只是属于特殊的类型，因此也延伸出另一个需求，网站信息类型维护；

（2）网站链接管理：网站链接，主要是为了丰富网站内容，方便用户使用，提升用户体验，由于该网站属于特定行业的企业网站，需要用到一些行业相关的搜索引擎和引用其他一些知名网站，所以需要在网站首页给用户提供常用链接，也分为好几个类型，因此也延伸出来另一个需求，网站链接类型维护；

（3）客户留言管理：方便企业采集客户在线的留言内容，由于网站不需要客户注册，直接通过留言的表单填写客户信息，功能相对简单一些

网站简单架构

整个网站分为两个子系统，分别为后台管理子系统和网站子系统，后台管理子系统是提供给企业管理员使用的，而网站子系统是放在公网上提供给网民使用的

之所以说简单，是因为整个网站的功能比较少，也都是一些常规功能，所以架构也相对简单一些

由于要进行快速开发，采用主流的开源框架Struts2+Spring+Hibernate来搭建整个网站的后台架构，异步访问后台数据使用json-rpc-for-java插件，虽然是国产的，但是使用比较简单，几乎不需要额外的配置

后台管理子系统的UI框架，考虑过DWZ，最终还是使用LigerUI，功能相对丰富，使用也比较灵活一些，而富文本编辑器则使用fckeditor，JAVA版有现成的jsp标签可以直接使用，上传图片也已经集成好了

网站子系统的UI则直接使用HTML+CSS搞定，外加jquery的js库做一些特效、kkpager分页插件、artDialog弹出框插件

常见问题解决

1、LigerUI编辑表格数据如何保存到数据库

LigerGrid的数据先转换成json字符串，传递到后台之后再还原成JAVA对象，由于前台js要调用后台，索性也使用json-rpc-for-java搞定

2、富文本信息转换成json如何处理特殊字符

刚开始想使用jquery的base64插件，后来测试发现有些特殊字符还是处理不了，于是回到最原始的办法，直接用encodeURI编码两次，后台再使用URLDecoder.decode()解码即可

页面效果展示

网站没啥好展示的，主要看看后台一些改造LigerUI默认风格的页面

1、可编辑表格

后台的修改时间是日期类型，在前台已经转换成字符串类型，回写到数据库之前需要再转换成日期类型

2、查询表格

查询条件可以点击左侧图片收缩或者展开，查询表单布局没有使用LigerUI默认的方式，直接使用的table

3、带底部按钮栏的表单

底部的按钮不会随着表单纵向滚动而滚动，即锁定位置在底部

4、带顶部按钮栏的表单

顶部的按钮，不会随着表单纵向滚动而滚动，即锁定位置在顶部

一个简单企业信息网站架构相关推荐

【附源码】Java计算机毕业设计企业信息网站（程序+LW+部署）
项目运行环境配置: Jdk1.8 + Tomcat7.0 + Mysql + HBuilderX(Webstorm也行)+ Eclispe(IntelliJ IDEA,Eclispe,MyEclis ...
php实现一个简单的购物网站
实现一个简单的购物网站一.考试时间:8小时二.开发工具:DW 三.数据库:见附件四.需要实现的页面: Index:浏览商品页面,显示商品列表,用户可以点击"购买". View ...
一个简单的RPG游戏架构设计方案
一个简单的RPG游戏架构设计方案下面是一个简单的RPG游戏架构设计方案,实现了RPG游戏的基本功能(故事情节.战斗). 整个系统以RPGGameEngine模块为核心,周边包括了故事情节(Scrip ...
用php建设一个简单的网站,PHP_PHP新手上路（六），建设一个简单交互的网站(二) 5 - phpStudy...
PHP新手上路(六) 建设一个简单交互的网站(二) 5.5 计数器让我们在首页上加上一个计数器.这个例子已经被讲过多次了,但是还是有利于演示怎样读写文件以及创建自己的函数.counter.inc包含 ...
全国企业信息网站地址
全国企业信息网站地址: http://www.gsxt.gov.cn/index.html
一个简单的音乐网站设计与实现(HTML+CSS)
⛵ 源码获取文末联系 ✈ Web前端开发技术描述网页设计题材,DIV+CSS 布局制作,HTML+CSS网页设计期末课程大作业 | 音乐网页设计 | 仿网易云音乐 | 各大音乐官网网页 | 明星 ...
HTML期末大作业：一个简单的音乐网站设计与实现(HTML+CSS)
⛵ 源码获取文末联系 ✈ Web前端开发技术描述网页设计题材,DIV+CSS 布局制作,HTML+CSS网页设计期末课程大作业 | 音乐网页设计 | 仿网易云音乐 | 各大音乐官网网页 | 明星 ...
一个简单的音乐网站设计与实现(HTML+CSS)---爵士乐音乐 3页
⛵ 源码获取文末联系 ✈ Web前端开发技术描述网页设计题材,DIV+CSS 布局制作,HTML+CSS网页设计期末课程大作业 | 学生管理系统网页设计 | OA管理系统 | 后台管理模板 | ...
一个简单的音乐网站设计与实现(HTML+CSS)___音乐网站7页--界面设置简洁好看，带有登陆注册
⛵ 源码获取文末联系 ✈ Web前端开发技术描述网页设计题材,DIV+CSS 布局制作,HTML+CSS网页设计期末课程大作业 | 音乐网页设计 | 仿网易云音乐 | 各大音乐官网网页 | 明星 ...
运用Nginx搭建一个简单的个人网站
目录一.目的二.完成步骤 1.安装nginx 2.设置Nginx 3.创建服务器块三.打开网站四.总结五.参考资料一.目的尽你所学(采用html.或CSS.或Javascript等)完成 ...

一个简单企业信息网站架构

一个简单企业信息网站架构相关推荐

最新文章

热门文章