快看,JFinal新版官网清新上线

其实,JFinal的新版官网上线这件事儿,已经酝酿许久,只不过事务繁忙,此事优先级推后。

这个月,JFinal4.0就要发布了。

从JFinal3.0开始,每升级一次,都带来巨大创新,这次,更不例外,敬请期待!


再来说说JFinal新版官网的UI。

大概在半年前,2018年底,JFinal的新版UI,我就已经动手重新设计了。


http://www.jfinal.com/share/1316 这是第一版出来的时候,我发的分享。

后来经过几个月的迭代,终于定型了。都是业余时间,精心设计了一番。


image.png


最后几个版本,波总针对整体风格做了定制,出来了一套JFinal官网的定制版。

今天,正式上线!

同时,JFinal俱乐部的jfinal-club项目也升级到了4.0,使用了此UI。


JFinal新版UI:

0、基于Bootstrap4.3开发

1、header部分布局拉伸至全屏,色调是暗色调,可以通过class 定制为白色和其他颜色,灵活控制

2、header部分默认是普通随着网页滚动的,JFinal官网使用了悬浮版

3、页面主区域比老版本加宽,更大气

4、整体字体颜色更匀称舒服

5、首页风格多种样式,jfinal官网只选择了其中一种。

6、文档和俱乐部采用左右结构,文档样式,PJAX加载右侧内容,左侧悬浮区域根据窗口大小自动适配。

7、增加搜索框,改进登录、注册页面

8、个人中心布局变更,合并左侧区域不做区域区分,主要操作导航增加图标,整体视觉效果优化。

9、细节调整许多,多处UI都是波总定制设计

image.png


这套UI的一个使用指南,在这里:

https://www.jianshu.com/p/399287cd61e4

另外,加入了JFinal开发者2019腾飞计划的开发者,可以免费获取到全套完整多规格JFinal UI源码。

评论区

杜福忠

2019-05-20 15:35

喜欢第6个优化, 看文档太舒服了~

falost

2019-05-20 15:44

新版的风格的确挺好看的,小清新

jiaoshuren

2019-05-20 15:48

用苹果电脑怎么无法点赞。

山东小木

2019-05-20 15:57

@jiaoshuren 这个你可以截图看看有什么问题 反馈到官网

happyboy

2019-05-20 16:18

在线文档终于好用些了,之前每点一个左侧菜单,都得重新拉回去。

山东小木

2019-05-20 16:41

@happyboy 恩 这块做了细致优化设计

wangjiaxian

2019-05-20 17:28

@杜福忠 同感同感

快乐的蹦豆子

2019-05-20 18:29

jiren

2019-05-20 19:15

喜欢简洁风格,

天朝子民

2019-05-20 22:38

能适配手机浏览器就更好了

山东小木

2019-05-20 23:13

@falost 考虑做专业手机版 适配感觉不爽

happyboy

2019-05-20 23:14

@山东小木 我看介绍不是使用bootstrap做的吗,怎么会不适配手机访问?

izengshuai

2019-05-21 00:15

终于开始改UI了!非常不错~~

山东小木

2019-05-21 00:28

@izengshuai 手动禁用了 适配也不如专业手机版好看

falost

2019-05-21 09:48

@山东小木 网站排版比较简单 做个响应式就可以了

山东小木

2019-05-21 10:36

@falost 还是专业手机版好点 不喜欢响应式的东西

falost

2019-05-21 18:06

@山东小木 既然如此 那是不是可以搞个分离出来呢

tywo45

2019-05-21 21:55

@杜福忠 t-io官网的文档早就是这样的了,^_^

5207

2019-05-24 09:11

能不能把社区的一些热门或者有效的总结成期刊,方便查阅?

天朝子民

2019-08-03 10:54

文档不是PJAX吧?使用浏览器后退没用,还是显示当前那一章。