SoJpt NepAdmin 今日起可在线预览(传统多页版/单页版)

1、传统多页版在线预览地址: http://www.sojpt.com:8081/admin/login

2、 单页版在线预览地址: http://www.sojpt.com:8082/

image.png

官网: www.sojpt.com


评论区

JFinal

2019-05-25 10:40

这套 UI 做得比较精美,用了什么 UI 框架没有?

opal

2019-05-25 12:53

layui啊

Sohnny

2019-05-25 14:32

@JFinal NepAdmin 基于layui的前后分离框架,做了两版,多页版可以使用enjoy。单页版不能使用enjoy,因为是前后分离框架,所以体验好点。

JFinal

2019-05-26 10:39

@Sohnny 单页版其实也可以用 enjoy, 你观察一下 jfinal club 的文章回复功能,虽然是 ajax 请求后端,但仍然是 enjoy 渲染返回的 html 片段,而没有返回 json

ajax 请求直接返回 html 片段的主要好处有:
1:html 片段在后端用 enjoy 书写,可读性更好,因为模板的可读性要远高于 js 拼接代码

2:html 片段在后端用 enjoy 书写,可维性更高,因为修改模板要比修改 js 拼接代码方便得多

3:enjoy 生成 html 片段,要比 js 拿到 json 以后在前端生成 js 要方便

4:可以避开前后分离带来的各种成本,ajax + enjoy 可以做得极其强大,比前后分离成本低得多:
https://www.jfinal.com/share/895

前后分离,本质就是用 js 来操纵数据在 html 中的填充、更新,而 ajax + html 片段也可以是用 js 来操纵数据在 html 中的填充、更新,稍微写几个工具方法就可以实现

这两种模式的区别在于,前者 js 操纵的粒度更细,后者是拿到整个 html 片段以后整体替换,要简便很多

前者可以减少一定的网络流量,但是 html 片段配置 gzip 压缩后传输后的网络占用可以忽略不计

Sohnny

2019-05-26 23:50

@JFinal 单页版主要是为了前后分离, 也可以使用enjoy, 不过如果用enjoy就不能叫前后分离了. 因为后台开发人员干涉了前台. 目前这个单页版是全分离模式, 在开发测试中数据直接用json数据文件进行模拟测试与开发. 前台开发与测试完全不依赖后台.

Sohnny

2019-05-27 00:19

@JFinal 你说的ajax 请求直接返回 html 片段的主要前三个好处, 使用js的框架也完全可以替代, 例如:我们15年在项目中用的Underscore.js, 完全具备你说的前三个好处, 而且还多一个好处就是模板的渲染由js完成,充分减轻了服务端的压力。
前后分离的成本在一定规模的团队中的好处是显而易见的。ajax+enjoy比前后分离成本低,我个人不这么认为, 这个取决于开发团队的规模, 规模小的时候成本比前后分离要低的多我认可, 规模大的时候则相反。

热门分享

扫码入社