🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
# **应用工厂框架** ### **应用工厂是一个实现低代码开发的功能引擎,可以用来实现用户自己设计页面,添加组件,设计交互信息实现一条龙服务** **备注:本次是初版功能,只实现了可以初步演示效果,组件可以实现pc端和移动端同步设计,应用支持多分组、多页面;页面、分组可拖拽;应用支持分类管理;实现pc端和移动端分别预览** **1.应用工厂入口** 在系统拓展——应用工厂 ![](https://img.kancloud.cn/7c/b0/7cb0b0d8f07af1a22d6f5d9731864f44_1277x546.png) **2.应用工厂导航栏进行应用名称,应用状态,修改时间,应用分类的条件筛选** ![](https://img.kancloud.cn/b4/24/b424a8473c98c1b009aa7204e6d679a6_1297x562.png) 1)应用状态分为:未发布、上线、下线 ![](https://img.kancloud.cn/fe/ab/feab736d4f1867f307059fb10ea2b820_806x237.png) 2)应用分类是分类管理中创建的分类 ![](https://img.kancloud.cn/8b/3a/8b3a5ad2577843dfaf8524290a02471b_963x299.png) **3.点击“分类管理”按钮可进行应用分类的添加** ![](https://img.kancloud.cn/f2/cc/f2cc095393a39dafecd86d5dace98002_1336x526.png) 1)点击“分类管理”后会进入分类管理页面,有查询、编辑、删除分类的权限; ![](https://img.kancloud.cn/87/b0/87b0056b44f4b5a3cd08591d0845e05e_1366x539.png) 2) 新建、编辑分类: ![](https://img.kancloud.cn/5e/a2/5ea220ccf6618c5062778fb67abe7476_1327x543.png) 3) 删除:如果已经用应用工厂使用了某个分类,删除这个分类后,该应用工厂的分类会为空,需要用户自己去选择分类 ![](https://img.kancloud.cn/21/1b/211b6d7dfb6fc69b251ec09658f5da30_1364x518.png) **4.条件筛选下是应用工厂的列表** ![](https://img.kancloud.cn/d1/4c/d14c2b2ece2e4102f9104b7bd5ebd575_1365x574.png) ![](https://img.kancloud.cn/4e/ba/4eba58832f26f81f501e4fc3281c99b0_807x523.png) 1)应用工厂状态:新建应用工厂只可发布,上线的应用工厂只能修改为下线;下线的应用工厂只能改为上线状态 ![](https://img.kancloud.cn/8f/25/8f251a9e39a627cb596199d8f645bd28_392x175.png) ![](https://img.kancloud.cn/f9/e1/f9e1825b125433d7a72d665ae165266d_420x192.png) ![](https://img.kancloud.cn/5f/9e/5f9ecb98d07070a4ec687a6d4f3d68a7_396x177.png) 2)二维码预览:点击左下角二维码,弹出访问链接弹框,更多中的链接也是这样,根据访问的终端显示效果 ![](https://img.kancloud.cn/57/5e/575e616fbfa25f594c6d8de0bfb5a5ff_940x541.png) 复制链接打开是移动端展示样式 ![](https://img.kancloud.cn/c3/55/c3552aacff80ecb020504787a634e715_426x687.png) 3)访问:访问打开的样式是根据访问的终端显示效果,并且访问进入后数据可进行提交,并且可正常提交数据进行保存 ![](https://img.kancloud.cn/c3/d5/c3d5364366339f02126619e72df0abc3_1317x560.png) ![](https://img.kancloud.cn/4e/50/4e50d65f8174ffc3c8166a7720bc1a7e_413x580.png) 4)点编辑进来可对该应用进行编辑 ![](https://img.kancloud.cn/f1/6b/f16b27ead99b19507f58138f909ca795_1363x700.png) 5)克隆:复制该应用 6)删除:删除该应用 7)管理:进入当前应用的管理页面 8)权限:进入应用权限页面,给该应用设置权限 **5.可通过新建按钮进行应用工厂的新建** ![](https://img.kancloud.cn/66/06/6606e7916a47d42a5560fca658df14e9_1364x701.png) ![](https://img.kancloud.cn/d9/5e/d95e9b97e183e56e55cfa86da9b43421_1366x665.png) 1)名称:默认是未命名,可直接修改名称 ![](https://img.kancloud.cn/d1/0c/d10c308ca619b38a0c2ba160c085d318_1364x235.png) 2)应用设置:可修改名称、修改应用分类、上传应用工厂图标、对应用工厂进行描述 ![](https://img.kancloud.cn/23/f1/23f1eee66a508f13e27e0634724d22c2_1320x621.png) ![](https://img.kancloud.cn/4e/4b/4e4b737a487f77f3002eb4083e9ed618_529x158.png) 3)页面管理栏目:可新建页面,可新建页面分组,搜索页面,流水线是设置页面交互入口 ![](https://img.kancloud.cn/b0/b4/b0b466809964237744b81ed5e15e9aaf_535x457.png) 页面可删除,复制,设置 ![](https://img.kancloud.cn/97/6f/976fcfa238b7df9107c53d5034f7a227_303x259.png) 4)物料栏目: ![](https://img.kancloud.cn/45/44/45443f35f1b4243adbf0981519389e98_941x602.png) 数据表和图表暂未实现 5)工作区:可选择搭建的页面终端 ![](https://img.kancloud.cn/26/b9/26b988e050010eccbdf4274f1715e6fe_774x661.png) 6)组件属性、交互栏目:目前交互还未实现 ![](https://img.kancloud.cn/e8/82/e88238936a9a8b002079a7c482f7fde8_1363x704.png) 7)最终效果可通过预览来查看,在移动端设置了组件,会直接同步到PC端 ![](https://img.kancloud.cn/1b/48/1b48f946f1013a4732880461d8bf0b02_1365x671.png) ![](https://img.kancloud.cn/83/22/832226d78c49867e4cc6f7a8a826ffd8_467x641.png) ![](https://img.kancloud.cn/be/8b/be8b089d649d6e8ce52da073320be579_1366x337.png) 备注:当前只是最基础功能的实现,可用来进行基础的演示,有些功能还未实现,会在后续版本实现各个功能。