weui

weui官网： https://weui.io/.
WeUI示例: https://weui.shanliwawa.top/.
当然，也可以去某些网站上找不错的示例，也可以去github上获取项目代码。

企业号是基于微信平台的，所以无论怎样，也与weui的样式脱离不了干系。个人认为在企业级开发的过程中，应当尽量保持开发出来的企业应用与微信样式一致。就像批图的时候，有的人把自己腿批的太长确实很漂亮，但是忽略了地板砖也被批的变型了。这个似乎与软件没啥关系哦……总之就微信企业号开发，协调程度还是要超过花里胡哨的美观的吧？毕竟大道至简。

可能有的公司会有自己的美工来设计高大上的样式，然后用vue等等方式来做页面，意图是前后端分离。样式，样式，样式~ ~ ~ 技术，技术，技术 ~ ~ ~永无止尽，整体上，平滑的样式，比如vue、element-ui、bootstrap……确实让人耳目一新啊！h5、css、javascript，这些基础的还是要过一遍的，也算是共同勉励。

在开发的时候，用到什么样式，直接从weui官网、WeUI示例复制控件，放到Hbuilder中去，比如我这边处理的一个home页：

在原有的样式上改。如果公司有美工，那一切都不烦啦。

zepto

我上面WeUI示例引用了zepto，所以大致说一点zepto，做到心中有数，在企业里开发的时候可能用不到，zepto大致的用法与jquery差不多的。zepto的中文api是: https://www.html.cn/doc/zeptojs_api/.

比如文档中的一部分：

看起来与jquery何其相似呀！
想要使用zepto，在页面上引入：zepto.min.js 、zepto.weui.js。参照WeUI示例样式，写页面就好了。

thymeleaf

thymeleaf是个模板引擎，它跟jsp也非常类似。不知道为什么会有这些千奇百怪的东西，springboot本身是可以解析jsp的。在
手把手教你springboot企业微信开发（一）
当中，就用到了thymeleaf，后面的所有页面都是基于这个的。网上可以搜到一大把thymeleaf的语法，大致过一下就可以了。主要问题是整合到springboot当中去，导入jar包：

<dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-thymeleaf</artifactId></dependency>

注意，这里一定是springboot项目才这么导入的。在properties中配置（yml的话做相应的调整）：

#thymeleaf start
spring.thymeleaf.mode=HTML5
spring.thymeleaf.encoding=UTF-8
spring.thymeleaf.content-type=text/html
#开发时关闭缓存,不然没法看到实时页面
spring.thymeleaf.cache=false
#thymeleaf end

细节问题很多，具体的参考：https://www.thymeleaf.org/
.

简单的介绍了这些。在下篇博客中，主要是使用weui、zepto、thymeleaf使用微信的js-sdk。

手把手教你springboot企业微信开发（三）之 weui、zepto、thymeleaf相关推荐

Android 开发之手把手教你写 ButterKnife 框架（三）
系列文章目录导读: Android开发之手把手教你写ButterKnife框架(一) Android开发之手把手教你写ButterKnife框架(二) Android开发之手把手教你写ButterKn ...
企业微信开发：获取 access_token（二）
前言简单的用白话了解一下企业微信的作用,企业微信是腾讯微信团队为企业打造的专业办公管理工具.大致和钉钉差不多,适用于政府.企业等各类组织的一个产品,可以有效的帮您管理员工.个人感觉企业微信开发要 ...
服务器端缓存企业微信,企业微信开发
企业微信开发又以下三类,可以根据需要查看相应的文档企业内部应用开发:开发内部使用应用,开发个性化办公应用第三方应用开发:开发出来的应用可供其他企业使用第三方应用开发.png 智慧硬件开发企业内 ...
手把手教你写个微信小程序
手把手教你写个微信小程序很多人看完bmob快速入门,并完成了bmob的基本配置之后依然不知道如何下手去写自己的代码,那么跟着我一起来一步一步做个小程序吧. 工具:Bmob后端云新建小程序项目一. ...
企业微信开发总结-获取通讯录
企业微信开发总结-获取通讯录最近遇到个项目需求,需要能够获取到用户企业的通讯录,同步到我们系统中,这样就不用重复输入一批企业人员了.一开始想的很简单,实际研究下来发现企业微信比个人微信对接起来复杂多 ...
Java企业微信开发-企业微信所有类型消息推送封装
企业微信开发第一步获取AccessToken,企业微信的AccessToken和公众号的不一样,企业微信所有接口调用只需要一个AccessToken,而公众号授权和jssdk是分开的一.获取企业微信 ...
微信及企业微信内嵌浏览器内核信息及H5跑分数据-企业微信开发
加我微信li570467731,拉你进二百多人企业微信开发同行群(文末有二维码). 企业微信开发三部曲: <企业微信应用开发概述篇(免费)>已完结: <企业微信开发第三方应用开发篇& ...
手把手教你简单接入微信SDK
就看微信现在这么火的样子,如果你的APP不接入微信的SDK好像就有点脱离了时代大车轮一样.一个成功的APP,不单单凭借着一个好的想法,一个好的功能,最主要还是用户量.用户量就好像是水,我们的APP就一 ...
软件_手把手教vscode配置c++,python开发环境
原创:软件_手把手教vscode配置c++,python开发环境之前主用Python作为项目开发语言,将项目迁移到arm边缘盒子上后发现arm的cpu不给力,软件速度低于预期,所以计划将部分程序改为 ...

手把手教你springboot企业微信开发（三）之 weui、zepto、thymeleaf

手把手教你springboot企业微信开发（三）之 weui、zepto、thymeleaf

weui

zepto

thymeleaf

手把手教你springboot企业微信开发（三）之 weui、zepto、thymeleaf相关推荐

最新文章

热门文章