JFinal UI是为JFinal社区定制的一套新UI，在JFinal原版UI的逻辑和设计上，采用最新版Bootstrap作为CSS基础脚手架搭建起来的。这套UI默认使用JFinal官网定制的一种体验样式，CSS和Html模板中也内置了多种风格可选，比如Header区域可以切换黑白色，可以悬浮顶部，也可以固定，全局可以是跟简书一样的无区块扁平风格 也可以是分区块风格。
灵活多变，多种选择。
这套UI升级版里面很多设计思路都是经过波总沟通校对过的，不得不说，有些产品设计思想还是不及波总。
主要框架技术
Bootstrap4.3.1 CSS脚手架
JQuery3.x JavaScript基础类库
Font-aswesome 字体
canvas-nest.js 网页特效
目前JFinal UI已经完成了以下模板页面：
主要是前端网站的主页、各频道的的列表页、俱乐部、文档中心、个人中心（自己的）、用户空间（他人的）、登录、注册、文章详情页、文章内容发布页面等
页面索引表如下图：
页面索引
项目代码结构
所有静态引用资源都放在了assets资源包里 css、javascript、图片资源、字体资源等，方便部署后对assets整个资源进行CDN加速
项目代码结构
首页样式
JFinal 极速开发官方社区
布局解析
默认风格是按照区块划分比较明显的风格。
主要布局分为上中下结构：
整体布局划分
中间部分又分开左右结构
其中为main放主要内容，side属于侧边栏，可以放其他相关内容和广告信息
side不一定在左边的，常见的网站side部分在右侧，但是个人中心设计到了左侧
个人中心布局如下图
side在左侧的个人中心
我的私信
我的分享
看别人的主页
从代码上看布局
整体布局代码示例
Body 中间部分代码拆分展开
中间部分左右布局
JFinal UI 中的CSS class的定义 都是jf-开头的 定义见名知意
例如：jf-header jf-footer jf-panel jf-page-main jf-page-sid
剩下的更新内容资源太多，只维护一份儿：
项目：JBolt极速开发平台
