JeeCms低代码开发平台了解及认知以及遇到的问题

大家好，欢迎来到IT知识分享网。

JeeCms低代码开发平台了解介绍

1、jeecms低代码开发平台自带标签，使用的标签延续freemarker标签或基于freemarker标签自定的标签（类似自jsp自定义标签）

　（1）什么是freemarker标签

　　　　　FreeMarker 标签是一种模板语言，用于在 Java 应用程序中生成动态 Web 页面或文本文件。它基于 Java 模板技术的设计思路并扩展，目的是提供一个简洁、易于使用、功能强大的模板语言，特别是在数据显示、分离数据和表示层视图（逻辑与界面）时有很大帮助。

　（2） freemarker作用于什么场景

　　　　　FreeMarker 模板语言可以在 HTML、XML、CSS、JavaScript、Properties 等文件中任何文本环境中使用。FreeMarker 允许使用控制结构、内建变量和方法、条件语句及流程控制等功能，以便将动态数据插入模板。

　　　　 FreeMarker 还支持自定义标签，允许扩展 FreeMarker 的能力，以便通过自定义标签将其他类型的数据插入模板。

　　　　 总的来说，FreeMarker 标签是一个强大的模板引擎，几乎可以在任何 Java 应用程序中使用，为数据输入和模板输出提供了高度的灵活性和定制能力。

2、jeecms低代码开发平台栏目管理及内容管理介绍

　（1）栏目管理

　　　　　栏目首先要理解什么是栏目,简单来说就是就是一个本书的目录一个项目中的导航菜单栏。先创建好栏目模板根,模板创建完成可建立对应菜单目录同时也可建立父子级关系菜单

  （2）内容管理

 　　　　　内容管理就是用来做菜单里面的一些详情页　　 

 3、jeecms低代码开发平台资源库介绍

　　　　　　低代码平台资源库和云存储之间有很强的关联。低代码平台资源库用于存储和管理应用程序开发过程中的各种资源，例如代码、UI 元素、表单、工作流、数据实体、图片、视频、文档等。这些资源需要进行存储、版本控制和共享，并且需要在应用程序开发过程中进行访问和部署。

　　　　　　云存储提供了一种可扩展的、可靠的和安全的存储解决方案，可用于存储和管理低代码平台资源库中的各种资源。云存储可以提供高带宽、低延迟和高可用性的存储服务，以支持全球范围内的应用程序开发过程。云存储还提供了 API 和工具，以便将应用程序中的资源上传、下载和管理。

低代码平台资源库和云存储之间的关联还包括以下方面：

1. 1. 　　更好的扩展性：云存储可以提供无限的存储容量，以满足低代码平台资源库中的资源存储需求。

   2. 　　安全性：云存储提供了高级的安全功能，如访问控制、加密和备份，保护低代码平台资源库中的数据不受黑客攻击或数据泄露。

   3. 　　低成本：在云存储上存储资源比传统的本地存储更经济实惠，因为云存储可以按照使用量计费。如果使用低代码平台的资源库存储在本地，开发人员需要购买更多的硬件或软件，并且需要维护和更新这些资源库。

总之，低代码平台资源库和云存储之间的关联可以提高应用程序开发者的生产效率，并帮助企业实现更高的开发速度和质量。

4、jeecms低代码开发平台配置介绍
　　　　　　1.　　站点管理：可配置域名基本信息和模板管理哦配置信息等

　　　　　　2.　　模板管理：开发人员代码编辑出建立目录文件及对应的html文件存储地

　　　　　　3.　　文件管理：可建立文件夹对应目录编辑或上传css、font、img、js存储地

　　　　　　4.　　词汇管理：可设置接口tag词关键搜索子端属性值、也可设置敏感字、记录搜索热词

　　　　　　5.　　内容索引：可设置关闭或者开启栏目索引后，前台将搜索不到该栏目下的内容

5、jeecms低代码开发平台网站统计

　　　　　　可记录网站浏览量（PV）、访客数（UV）、IP数、跳出率、平均访问时长、还可分析网站来源和地域

 6、jeecms低代码开发平台后台接口开发

　　　　　　 常用接口：查询分页接口（简易版接口返回内容返回一些常用字段不会返回详细内容字段）

　　　　　　 接口名称：/content/search  

　　　　　　        参数：siteIds（站点id）、orderBy（排序方式）、size（每页展示条数）、page（当前页数）、tagIds（查询条件数组ID）

 　　　　　　常用接口：通过id数组获取内容列表

　　　　　　 接口名称：/content/ids 

　　　　　　        参数：contentIds（字符串ID集合）

 　　　　　　常用接口：内容分页接口

　　　　　　 接口名称：/content/page（详细版接口返回内容返回当前内容所有字段）

　　　　　　        参数：siteIds（站点id）、channelIds（栏目ID）、size（每页展示条数）、page（当前页数）、orderBy（排序方式）

jeecms低代码开发平台中遇到的问题

　  问题一：资源加载慢的问题每次加载页面需要很长时间才能加载完成前面例如图片及字体文件和视频文件

　  解决方案：图片进行压缩、视频压缩、字体进行字诛压缩后续上传到资源库里进行云存储实现第一次访问的时候进行缓存再次进来执行缓存操作

　  问题二：css执行动画效果写的不是很好

　  解决方案：引入动画插件库wow.min.js和animate.css实现快速实现相对应效果及动画

　  问题三：jeecms前端标签不熟悉

　  解决方案：请教做过类似项目同事并熟悉前端标签文档快速应用到项目中

　  　　　　　运用最多前端标签

　　　　　　　　栏目列表

　　　　　　　　　　[@cms_channel_list count='5']

　　　　　　　　　　<table>

　　　　　　　　　　　　[#list tag_list as a]

　　　　　　　　　　　　　　<tr>

　　　　　　　　　　　　　　　　<td>id：${a.id!}</td>

　　　　　　　　　　　　　　　　<td>名称：${a.name!}</td>

　　　　　　　　　　　　　　</tr>

　　　　　　　　　　　　[/#list]

　　　　　　　　　　</table>

　　　　　　　　　　[/@cms_channel_list]

　　　　　　　　栏目详情　　

　[@cms_channel count='5' id='1'] 　 [#if tag_bean??] 　　<table><tr>

1. <td>id：${tag_bean.id!}</td>
2. <td>名称：${tag_bean.name!}</td>
3. <td>访问url：${tag_bean.url!}</td>
4. </tr>
5. [#if tag_bean??]
6. [#list tag_bean.channelAttrs as attr]
7. <tr>
8. <td>扩展字段值：${attr.attrValue!}</td>
9. <td>数据类型(对应模型字段数据类型)：${attr.attrType!}</td>
10. <td>文件类型(1图片2视频3音频4附件)：${attr.resourceType!}</td>
11. <td>资源别名：${attr.alias!}</td>
12. <td>
13. <ul>
14. [#if attr.res??]
15. [#list attr.res as res]
16. <li>描述：${res.description!}</li>
17. <li>路径资源：${res.resUrl!}</li>
18. <li>资源别名：${res.resAlias!}</li>
19. [/#list]
20. [/#if]
21. </ul>
22. </td>
23. </tr>
24. [/#list]
25. [/#if]
26. [#if tag_bean.realTxts??]
27. [#list tag_bean.realTxts as txt]
28. 正文：${txt.attrTxt!}
29. [/#list]
30. [/#if]
31. </table>
32. [#else]
33. 栏目不存在
34. [/#if]
35. [/@cms_channel]

1. 　　　　内容分页
2. [@cms_content_page count='2' pageNo='0']
3. <table>
4. [#list tag_pagination.content as a]
5. <tr>
6. <td>id：${a.id!}</td>
7. <td>名称：${a.title!}</td>
8. <td>内容标题是否加粗：[#if a.titleIsBold]<strong>标题</strong> [#else]标题[/#if]</td>
9. <td>内容标题的颜色：${a.titleColor!}</td>
10. <td>短标题：${a.shortTitle!}</td>
11. <td>发布时间：${a.releaseTime!}</td>
12. <td>发布时间：${a.releaseTimeString!}</td>
13. <td>访问量：${a.views!}</td>
14. <td>评论量：${a.comments!}</td>
15. <td>点赞量：${a.ups!}</td>
16. <td>点踩量：${a.downs!}</td>
17. <td>下载量：${a.downloads!}</td>
18. </tr>
19. [/#list]
20. </table>
21. [/@cms_content_page]
23. 内容详情

1. [@cms_content id='2026']
2. <table>
3. [#if tag_bean??]
4. <tr>
5. <td>id：${tag_bean.id!}</td>
6. <td>名称：${tag_bean.title!}</td>
7. <td>内容标题是否加粗：[#if tag_bean.titleIsBold??&&tag_bean.titleIsBold]<strong>标题</strong> [#else]标题[/#if]</td>
8. <td>内容标题的颜色：${tag_bean.titleColor!}</td>
9. <td>是否置顶：${(tag_bean.top?string("是","否"))!}</td>
10. <td>短标题：${tag_bean.shortTitle!}</td>
11. <td>发布时间：${tag_bean.releaseTime!}</td>
12. <td>访问量：${tag_bean.views!}</td>
13. <td>评论量：${tag_bean.comments!}</td>
14. <td>点赞量：${tag_bean.ups!}</td>
15. <td>点踩量：${tag_bean.downs!}</td>
16. <td>下载量：${tag_bean.downloads!}</td>
17. <td>访问地址：${tag_bean.url!}</td>
18. <td>外部链接：${tag_bean.outLink!}</td>
19. <td>发布时间简写中文：${tag_bean.releaseTimeString!}</td>
20. </tr>
21. [#list tag_bean.contentAttrs as attr]
22. <tr>
23. <td>自定义字段值：${attr.attrValue!}</td>
24. <td>自定义字段类型：${attr.attrType!}</td>
25. <td>自定义字段名：${attr.attrName!}</td>
26. </tr>
27. [/#list]
28. [/#if]
29. [#else]
30. 内容不存在
31. [/#if]
32. </table>
33. [/@cms_content]

　  问题四：swiper轮播运用不熟练

　  解决方案：根据这次官网项目做了很多轮播已经熟练掌握swiper轮播插件

　  问题五：手机端ios的一些兼容问题例下拉框ios默认样式、p标签电话默认颜色、各个手机端屏幕自适应问题

　  解决方案：通过媒体查询写法兼容一些自适应问题、电话默认样式添加其他标签样式覆盖下拉框默认样式添加ios兼容模式修改

jeecms低代码开发平台优缺点

　　优点