基于uniapp开发的前端低代码平台附源码

基于uniapp框架和uview组件库的低代码开发平台,项目提供可视化拖拽编辑器,采用MIT开源协议,适用于app、小程序等项目开发。

安装部署

这里可以通过vue-cli创建,具体方式如下:

模板选择默认模板即可 如有疑问可参考https://uniapp.dcloud.io/quickstart-cli

rtvue很多组件都是基于uview的二次封装,uview的安装如下 其中 sass版本我挑了一个相对低点的稳定版本,

安装后按照如下方式配置

在项目根目录中的main.js中,引入并使用uView的JS库,注意这两行要放在import Vue之后。

在项目根目录的uni.scss中引入此文件。

注意! 在App.vue中首行的位置引入,注意给style标签加入lang=\”scss\”属性

如有疑问可参考https://www.uviewui.com/components/npmSetting.html

此配置需要在项目根目录的pages.json中进行。 uni-app为了调试性能的原因,修改easycom规则不会实时生效,配置完后,您需要重启HX或者重新编译项目才能正常使用uView的功能。 请确保您的pages.json中只有一个easycom字段,否则请自行合并多个引入规则。

执行代码。

easycom注册:类似于uview的注册模式

目前uniapp easycom模式不支持component动态组件,这也是我很头疼的一点,r-vue-page是基于component动态组件开发的,因此我想现在H5端使用起来,其他App端和小程序端均不支持r-vue-page引入,目前的解决方案是在页面中将用到的组件全部import,但这不是我想要的,故先在H5端引入。

main.js中加入

pages/index/index加入如下代码即可运行。

后台截图:

想要源码:关注+转发 私信【前端低代码平台

70多个小程序的源代码分享,练手刚刚好

大家好,我是杨数Tos,这篇文章主要一些之前收集到的小程序的源代码,大概有70多个代码项目(可能会有一些重复的项目)。

这70多个代码项目包括小游戏、仿j东商城、仿电影网站、外卖平台、仿电商网站各种各样的的项目。

其中,像小游戏“贪吃蛇”、“音乐播放器”、“个性化闹钟”比较有意思;“贪吃蛇”作为个人学习练手必备的项目,建议学习。

还有一些项目,如:“热门文章信息流的实现”、“外卖CPS”、“仿某外卖”、“仿微票平台”这些项目完全可以自己修改后,加上后端功能,就是一个新的项目了;特别是“外卖CPS”这个项目,可以做到纯静态,只需修改一下个人的推荐链接即可使用。

注:这些项目中,有些是我自己写的练手项目,有些是在网络上(某hub和某云等平台)收集的源码;不管是自己写的项目,还是收集的代码,全部都是开源代码,可以放心食用;

不过,也会有一些代码由于时效性的缘故,可能无法完美适应当前小程序的规则,使用时需要先进行修改。(如:wx.getUserInfo这个请求就更改了规则)

这条规则!!!(2021年4月13日起,wx.getUserInfo将不再弹出弹窗,并直接返回匿名的用户个人信息,所以请尽快更新小程序授权登录接口。)

以上是本文的内容全部。

如果您需要代码,请关注@杨数Tos,并回【70代码】,获取相应案例的具体代码;所有的代码资源都是开源免费分享。

本文由杨数Tos原创,欢迎关注,带你一起长知识。

本文作者及来源:Renderbus瑞云渲染农场https://www.renderbus.com

点赞 0
收藏 0

文章为作者独立观点不代本网立场,未经允许不得转载。