插件视图
插件视图分为后台视图、移动端视图、公共样式目录三个部分,Mobile目录下面主要放置移动端的页面、Public里面主要放置js、css、img等文件,Web目录下面主要放置插件后台需要用到的视图页面。这是推荐的视图目录层次结构,当然开发者也可以按照自己的爱好来进行视图页面的放置。
在移动端视图页面,可以通过钩子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加速的方式进行样式库的封装。