目录
上周,我在交流群里和一个低码厂商的技术总监进行了交流。他认为,低代码产品作为开发工具,需要从0到1的系统教程,需要老师协助。否则,学习低代码很困难,入门也很困难。
我对技术负责人的意见也有深刻的理解。因为大家都习惯了用代码编程,突然过渡到可视化编程,思维发生了变化。我们在使用代码编程的时候开发小程序,前端是写标签,后端是写if/else和for循环来进行逻辑处理。
如何系统地学习低代码?这里我们学习按照代码方法做一个对比。
1 构建开发工具
一般来说,如果我们使用微信开发者工具,我们需要安装工具来开发小程序。低代码工具不需要安装并且在线编程。但和开发者工具一样,低代码也需要绑定小程序。我们一般需要在开发者工具中配置自己的小程序的appid。如果我们使用云开发,我们还需要启用云开发。
我们在使用低代码开发时,需要在小程序认证部分绑定自己的小程序。
我的一个绑定在这里成功,一个绑定失败。失败的原因是小程序和我们的低码账号不是同一个主体,也就是说你必须用自己的微信号申请,不能绑定别人的小程序。
2 创建项目
我们使用微信开发者工具。打开该工具时,您需要创建一个项目。所谓项目创建,就是在本地新建一个文件夹,然后根据小程序项目的要求生成相应的目录结构。比如有js、json、wxml、wxss等。
在low-code中,创建项目就是创建一个应用程序,一个应用程序就相当于一个项目。与小程序不同的是,低代码扩展性更广,可以在PC端或移动端创建项目。移动项目不仅可以创建小程序 小程序开发 ,还可以创建H5。
并且比小程序更方便,低代码可以基于模板创建项目。所谓模板是指提前开发好的项目,就像我们从github克隆一样。克隆时,整个项目的源代码下载到本地。以低代码基于模板创建新项目 小程序商城定制 ,就是将完成的项目安装到您自己的空间中。这样,您就拥有了一套完整的模板,您可以在此基础上对其进行修改。这样做无疑会大大提高开发效率。
3 功能开发
微信小程序创建了一套语法,分别是wxjs、wxml、wxss。如果我们要发展,难免会增加很多难度开发小程序,因为我们要单独学习一套语法。低代码组件使用React,低代码编辑器使用javascript。后台方法是使用云功能,学习nodejs就好了。一般来说,只要学习Js开发低代码应用,是没有问题的。
低代码中也有页面的概念,但它是视觉创建的。
页面开发时完全可视化拖拽,无需学习任何语法知识
如果需要为组件设置事件,可以使用平台方法或自定义方法
自定义方法是按照Js语法编程
export default {

async onAppLaunch(launchOpts) {
//console.log('---------> LifeCycle onAppLaunch', launchOpts)
const { OPENID, FROM_OPENID } = await app.utils.getWXContext()
let userId = FROM_OPENID || OPENID
if (!userId) {
const { wedaId } = await app.cloud.getUserInfo()
userId = wedaId
}
app.dataset.state.openid = userId
console.log(app.dataset.state.openid)
const result = await app.cloud.callModel({
name: 'user_h4la7ee',
methodName: 'wedaGetRecords',
params: {
"where": [
{
"key": "openid",
"rel": "eq",
"val": app.dataset.state.openid
}
]
}, // 方法入参

});
console.log(result.total)
if(result.total ===1){
app.dataset.state.islogin = true
app.dataset.state.imageUrl = result.records[0].imageUrl
app.dataset.state.nickName = result.records[0].nickName
}
console.log(app.dataset.state.islogin,app.dataset.state.imageUrl,app.dataset.state.nickName)
const adminresult = await app.cloud.callModel({
name: 'admin_qohkmr5',
methodName: 'wedaGetRecords',
params: {
"where": [
{
"key": "openid",
"rel": "eq",
"val": app.dataset.state.openid
}
]
}, // 方法入参
});
console.log(app.dataset.state.openid)

console.log(adminresult)
if(adminresult.total===1){
app.dataset.state.isadmin = true
}
console.log("isadmin",app.dataset.state.isadmin)
},
onAppShow(appShowOpts) {
//console.log('---------> LifeCycle onAppShow', appShowOpts)
},
onAppHide() {
//console.log('---------> LifeCycle onAppHide')
},
onAppError(options) {
//console.log('---------> LifeCycle onAppError', options)
},
onAppPageNotFound(options) {
//console.log('---------> LifeCycle onAppPageNotFound', options)
},
onAppUnhandledRejection(options) {
//console.log('---------> LifeCycle onAppUnhandledRejection', options)
}
}

4 后端实现
小程序一般只能解决前端交互功能。后端必须自己开发功能开发小程序,在服务器上安装时需要暴露接口。但一般我们的后台服务需要认证,不能像网站一样公开使用。低代码提供后端云功能,可直接使用。如果官方的不符合要求,也可以自己写代码
/**
* 使用 npm 包 request 发送http请求, 详细使用文档可以参考
* https://github.com/request/request#readme
*/
const cloud = require('wx-server-sdk')
cloud.init({
env: cloud.DYNAMIC_CURRENT_ENV,
})
module.exports =async function (params, context) {
// params 即为入参定义的结构, 可以在 request 的请求配置中使用 params
try {
console.log("cloud",params.templateid)
const result = await cloud.openapi.subscribeMessage.send({
"touser": params.openid,
"page": 'my',
"lang": 'zh_CN',

"data": {
"thing2": {
"value": params.thing2
},
"date3": {
"value": params.date3
}
},
"templateId": params.templateId,
"miniprogramState": 'trial'
})
console.log("result",result)
return result
} catch (err) {
return err
}
};
5 老年人想开始编程,年龄有问题吗?
有些人可能会随着年龄增长。一是学习一门技能,二是看到IT行业工资比较高,希望学编程。年龄是学习编程的限制吗?如果你只是感兴趣,我还是建议你学习低代码,因为该工具解决了编程的门槛问题,也可以快速开发应用程序。如果你想找工作,其实低代码也是一个不错的入门方向。毕竟老板只是提出要求,你可以给他们提供一套可用的软件。至于你是用拖拽开发还是手写代码,老大都不太在意。未来,如果你在某个行业积累了足够多的积累,养活自己不是什么大问题。
总结
今天我们用了一定的篇幅,简单介绍一下如何使用低代码从0到1构建应用。当然,正如我开篇所说,想要熟练地开发应用,就需要找一套系统的教程和教师的帮助。想跨行业跨界进入软件开发领域的小伙伴们不妨试试低代码方案,希望能给大家带来不一样的体验。
本站声明: 本文章内容来源于互联网,文章内容仅供用户参考。本公司不能完全保证文章内容的准备性、时效性。如果因本文章对用户造成了任何损失或者损害,本公司将不会承担任何法律责任。如果涉及到版权问题,请提交到wikins@nbyuyuan.com