多端企业小程序管理系统安装配置手册

2022-09-27 11:26 0

一、插件安装

1、打开网站后台--应用--应用市场搜索“多端企业小程序管理系统”,点击下载安装。

2、安装成功之后,刷新后台,然后进入应用,进入小程序插件

多端企业小程序管理系统安装配置手册

3、进入小程序插件管理之后,需要先创建小程序(可以是你的任意小程序信息)

多端企业小程序管理系统安装配置手册

4、添加过小程序之后,返回小程序插件,进入小程序的“常用参数”,这里可以填写你的小程序的电话 微信 QQ地址版权等基本信息

多端企业小程序管理系统安装配置手册

小程序所有信息配置完成


二、小程序demo获取和导入

1、小程序demo获取

安装多端小程序管理系统之后,进入\dayrui\App\Xiaochengxu目录,找到weixin-demo文件夹,复制改文件夹到任何你想放的地方,(也可以联系作者获取其他版本的demo,目前有:微信,百度,抖音和uniapp版本的demo)

2、下载对应的小程序开发者工具,然后点击开发者工具的项目---导入项目---选择你刚才的文件夹,点击导入即可

注意:百度小程序需要安装百度小程序开发者工具,微信需要微信的工具,抖音需要抖音的工具,其他小程序亦然。uniapp版本的需要下载Hbulidex然后导入

3、需要登录各自小程序的官方网站,小程序设置--基本设置--添加“request合法域名”,添加你的域名


三、小程序demo的基本配置(以微信为例)

1、打开导入的微信demo,点击开发者工具右上角的“详情”-- “基本信息”修改里边的appid和项目名称,改成你自己的即可

多端企业小程序管理系统安装配置手册

2、打开小程序根目录下的app.js,修改里边的基本信息

多端企业小程序管理系统安装配置手册

另:app.json里边也有个默认的名称 需要修改一下,别忘了

3、配置小程序首页

因为每个人的网站的栏目都不一样,所以需要你配置对应的栏目id,找到小程序pages/index/index.js,找到toplist方法,修改自己的栏目信息

var params = [
  { 'name': 'products', 'catid': 9,'thumb':1, 'num': 8, 'more': 0, 'order': 'displayorder desc,id desc'},
  { 'name': 'cases', 'catid': 2,'thumb':1,'num': 10, 'more': 1, 'order': 'displayorder desc,id desc'},
  { 'name': 'news', 'mid': 'news','thumb':0,'flag':1,'num': 15, 'more': 1, 'order': 'displayorder desc,id desc'},
  { 'name': 'about', 'catid': 5}//该栏目必须是单页面
];

这里的每一行代码一个请求项目(如果你想新增栏目请求,都可以按照这个格式去填写)

(1)name:news, name可以随便取,怎么方便区分怎么来

(2)catid:栏目id,支持多栏目id写法,例:catid:'9,10,11',

(3)thumb是否调用带图片的文章,默认0,即不区分

(4)num表示调用数量,默认10

(5)order排序方式,默认displayorder desc,id desc

如果该栏目是单页面,只需要填写name和catid即可

获取到信息之后需要对接收到的信息做个简单处理

多端企业小程序管理系统安装配置手册

(这里可以新增或者删除,任意一个params参数)

4、配置好之后,点击开发者工具的“清楚缓存”,然后重新编译即可

如果说信息还是没有出来,可以做调试,点击开发者工具的“调试器”--“network”--“XHR”,然后点击“刷新”或者重新编译,既可以出来对应的请求列表,点击进入任意一个,然后找到Preview,看看文字提示什么

多端企业小程序管理系统安装配置手册


5、关于API的使用教程

关于各个api的使用方法和参数,可以参考:https://doc.tengcee.com/xunrui/API教程部分

6、小程序自定义表单使用

小程序的自定义表单页面是pages/formguide/formguide,只需要创建所有的input,字段对应你后台表单的对应name即可,tablename对应你的表单别名,

<input type='textplaceholder="姓名name='authorvalue='' />//name对应后台表单对应name

7、listtype列表样式问题

小程序默认了6种列表样式,但是可能还是满足不了你的需求,你可以去template/list.wxml里边任意添加,然后再app.js里边自己规定一个路由即可

{'catid': 8,'url': '','listtype': '20'}, //20即为你自己创建的列表样式,打开栏目8的时候自动使用你的列表样式

8、底部导航高亮问题

底部导航为模拟tabbar的效果,你可以选择任意对应栏目是否高亮,app.js的tindex即为高亮设置

 tindex: [
    {'tindex': 1,'catid': 9},
    {'tindex': 2,'catid': 10000},
    {'tindex': 3,'catid': 5},
 ]//tindex表示高亮索引,0表示是首页,catid对应栏目id

9、其他更多问题,正在整理中,常见问题可以参考官网,也可以联系作者,提供免费技术支持


四:注意事项

(1)该插件不是自动给你生成前端的,虽然附送的有demo,但是仍需要你懂div+css,然后设计一下自己的小程序前端样式,插件只是让你无需关心后端,针对小白用户

(2)如果你需要使用的小程序的授权登录或者手机号登录功能,需要给member表添加字段“openid”,用于存放小程序用户标识

(3)插件会持续更新,欢迎反馈bug或者提出意见


咨询
微信
电话