正文
2015年12月25日 经验交流 浏览(288) 收藏

云码网的架构设计及前端后端截图

部分网友咨询本网站的架构设计、使用插件情况等,这里我给大家做一个大致的介绍。


一、架构设计

QQ图片20151225220716.png

项目采用Maven管理

everycoding---父目录

everycoding-admin ---子模块,云码网后端管理系统

everycoding-commons ---子模块,公用工具类等

everycoding-mapper ---子模块,数据绑定层

everycoding-service ----子模块,服务层

everycoding-web ---子模块,云码网前端视图

主要使用技术:springmvc+mybatis


二、前端页面设计

QQ图片20151225221237.png

前端Js使用的是Jquery类库。Css基本是自己编写,部分是抠bootstrap的样式库代码进行修饰。

由于使用的是低宽带阿里云服务器(便宜)。所以使用的插件较少,并使用wro4j对css、js进行

压缩,以进一步降低页面体积,提高页面打开速度。


三、后端页面设计

界面一

1451052832239077239.png

左侧是模仿twitter推出的模版样式,右侧是使用的jquery.ui.js自己部分改写源码。

界面二

1451053115679026176.png

界面二是根据自己开发的兴趣设计的上下结构管理菜单,界面一是左右结构,互为补充。

所有页面都尽可能的模仿、取其精华,少用插件。因为一般的插件体积都很大,会影响页面打开速度。


赞一下 3 人赞了本文