## 插件视图
插件视图分为后台视图、移动端视图、公共样式目录三个部分,Mobile目录下面主要放置移动端的页面、Public里面主要放置js、css、img等文件,Web目录下面主要放置插件后台需要用到的视图页面。这是推荐的视图目录层次结构,当然开发者也可以按照自己的爱好来进行视图页面的放置。
![](https://box.kancloud.cn/2016-08-21_57b9766ef3196.png)
在移动端视图页面,可以通过钩子hook导入各种css、js来增加前端功能的完整性,比如可以导入微信的jssdk来实现自定义分享、jssdk上传图片、微信支付功能等:
~~~
{:hook('jssdk', false)}
~~~
有时候也需要引入jquesy、bootstrap等前端库:
~~~
{:hook('import_js', 'jquery.min')}
~~~
~~~
{:hook('import_css', 'bootstrap')}
~~~
豆信还封装了frozenUI、weUI这样的前端UI库,同样可以通过hook来引入:
~~~
{:hook('import_css', 'weui')}
~~~
~~~
{:hook('import_css','frozen')}
~~~
对常用前端js、ui库进行封装,开发者可以在插件开发中通过hook轻松引入,避免了重复引入样式文件增加代码的体积。更多前端库也会逐步封装,后面会采取CDN加速的方式进行样式库的封装。
- 更新日志
- 入门
- 关于豆信
- 系统安装
- 功能介绍
- 公众号对接
- 小程序对接
- 系统架构
- 数据字典
- 框架目录结构
- 插件目录结构
- 运行流程
- 插件开发
- 新建插件
- info.php
- 设计数据表
- 插件控制器
- 后台管理控制器
- 移动端控制器
- 交互响应控制器
- 接口管理控制器
- 插件模型
- 插件视图
- 发布插件
- 自定义模型
- 通用增删改查
- common_lists
- common_add
- common_edit
- common_delete
- setMetaTitle
- setSubmitType
- setModel
- setListMap
- setListSearch
- setListOrder
- setListPer
- setEditMap
- setDeleteMap
- setFindMap
- addCrumb
- addNav
- addButton
- setTip
- 函数手册
- get_addon
- get_addon_settings
- tomedia
- get_fans_info
- 小程序开发专题
- 小程序对接插件.js
- 获取插件配置
- 获取用户信息
- 更新用户资料
- 公众号开发专题
- 获取粉丝信息
- 自定义分享
- 消息上下文
- 微信支付
- 企业付款
- 发送现金红包
- 发送模板消息
- 发送客服消息
- 引入前端资源
- 限制页面仅在微信浏览器访问
- 在插件页面中引入样式文件
- 在插件中创建跳转链接
- 数据预处理
- 插件开发实例
- 聊天机器人
- 留言板
- 常见问题解答