uniCloud 根据数据库生成crud云函数与管理后台crud

项目地址点击传送

  • 准备工作

    1.去uniCloud官网 注册云开发。。估计来看我的基本都有了我就一笔带过了。

    2.把我上面地址代码clone下来。app放进hbuilderx(app开发版)里面然后选择你的云函数,然后在cloudfunction右键选择,上传所有云函数和公共模块,在db_init.json 右键初始化云数据库


    上传.png
初始化数据库

3.在clone下来的代码打开控制台,先注册一个账号。uni-id 不能直接添加账号只能通过代码添加。所以先注册账号在clone下来的最外层执行node register


注册.png

4.如果是腾讯云需要修改admin/auto-file/generateAppApi.js 下面的defaulePath 值
修改.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

你也可以加自己的二级域名之类的

你可能感兴趣的:(uniCloud 根据数据库生成crud云函数与管理后台crud)