首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

教你如何替换掉,默认视图风格,自定义主题

替换默认视图风格

每个项目的需求都不同,风格要求也不同,例如我想修改下登录页、框架页面、错误页面等待,那在JeeSite4.0中如何覆盖默认视图视图呢?

1、先看下SpringMVC的视图配置:

2、我们在看下里视图相关配置默认为。

3、有经验的小伙伴也许一看就明白,原来是依照谁先加载谁受用原则进行的,也就是说优先级越高的视图被找到就用谁,后面的视图将会被忽略。顺序如下: --> --> ,先去找主题目录下的视图文件,找不到使用JeeSite默认,如果还找不到,则返回JSON或XML数据。

4、下面我们来举个例子(修改登录页)

复制 文件到 目录下。

然后修改,刚刚复制的视图文件内容,改成你满意的样式,这样就大功告成啦。

5、如果你想在公共的地方加载自己的css或js,JeeSite为你提供了两个公共文件,和文件,你可以修改它。

自定义主题,快速切换视图

1、JeeSite 4.0 版本已提供快速换肤功能,这里的换肤不是单单的换掉css改变下配色,而是,把系统中的所有的视图,包括登录页、框架页、列表页、内容页,甚至换掉grid组件。

2、上一章中说到了里视图相关配置,其实上一章节的思路是让你修改和完善这个主题,如果你想大范围的修改完全不同的UI,建议你再起一个名字。我们可以吧这个改为你想起的视图名字,如:,这样你的所有视图文件,资源文件将都在这个目录下:、。另外还有两个目录,公共include的头部和尾部:、。

3、下面如何操作就不用就不赘述了,和上一章节例子相同。

前后分离

如果你想只用JeeSite作为服务端,仅提供接口,提供客户端调用。后面我会着重一篇文章介绍前后分离的应用,如何让JeeSite成为服务端API,提供移动端或PC端(Vue或Angular)调用。

  • 发表于:
  • 原文链接http://kuaibao.qq.com/s/20180302G155B700?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券