项目地址点击传送
-
准备工作
1.去uniCloud官网 注册云开发。。估计来看我的基本都有了我就一笔带过了。
2.把我上面地址代码clone下来。app放进hbuilderx(app开发版)里面然后选择你的云函数,然后在cloudfunction右键选择,上传所有云函数和公共模块,在db_init.json 右键初始化云数据库
上传.png
初始化数据库
3.在clone下来的代码打开控制台,先注册一个账号。uni-id 不能直接添加账号只能通过代码添加。所以先注册账号在clone下来的最外层执行node register
注册.png
修改.png
如果不清楚加群 321407175
-
生成代码
代码生成是根据app/cloudfunctions-aliyun/db_init.json 来生成的 先配置一个要生成的数据,可查看test-auto写法,会根据data的一条数据生成列表字段。
代码生成规则文件在admin/auto-file文件夹下面 ,执行的是根目录下面的crud文件,可以点开crud文件查看
执行要在crud同级!!
然后执行 node crud name=侧边栏名字 path=目录名(路由名) Mock=true(要mock)非必要 noFn=true(不要生成云函数)非必要 noRouter=true(不要路由)非必要
示例
/
node crud name=测试 path=test
生成.png
-
生成后的文件
管理后台
生成的路由.png
生成的配置.png
生成的页面.png
生成的url.png
管理后台生成要重新登录一次加载路由
生成的后台页面.png
云函数报错是因为没有去url化云函数
添入url.png
这里的url可以使用admin/src/api 下面你生成url的那个url添入进去
url化.png
管理后台使用的是avue模版封装的 avue文档点击这里
生成的云函数云函数不是很熟大家可以自己优化
生成完url后执行npm i.png
生成完云函数记得右键进入控制台执行一下npm 导入公共模块
云函数生成预览.png
最终效果,现在就看进行增删查改了
最终效果.png
写完后可以在admin npm rnu build 打包的dist反正unicloud托管
dist上传.png
上传完就可以通过 参数配置 查看了你的url然后访问试一下把
这里添入你的默认域名或者自定义域名
记得加跨域.png
域名.png
域名浏览.png
你也可以加自己的二级域名之类的