分享一个简单的小程序演示(分享小程序)

前言是一个比较简单的小程序演示，简单就好，可以记录文字笔记。两个月前写的，没多久就忙着考试了...从第一次接触小程序到完成这个项目，我用了不到一天的时间。服务器是我自己的云服务器(别弄坏了！)，用php写的，不多说，可以看演示~

Githubmycloudnote客户端mycloudnote服务器端

注:因为没有申请appid，所以无法获取用户的微信账号id。我用了用户微信的昵称作为数据库的主键，所以如果用了重名，可能会出bug。另外，因为没有appid，所以从来没有尝试过真机测试...

截图

关于小程序的个人观感这个东西是html+css+js。如果你熟悉前端，用起来真的太快了......................................................................................................................................

Wxml文件与html非常相似，也是一种类似xml的语言。应该说wxml是html改编的小程序。如果你懂html，掌握它是非常容易的。看看官方api就知道了。下面是演示中的wxml页面代码...........

& lt！--add note . wxml --& gt；& lt表单bindsubmit = & quot保存& quot& gt& ltlabel class = & quot标签& quot& gt标题

Wxss文件是css的小程序版本，也很简单。看看官方文档就知道了~就这样(结合上面的wxml):

/* add note . wxss */. log-list { display:flex；flex -方向:列；填充:40rpx}.提交{ padding:20 rpx；}.隐藏{ display:none；}.label { margin -left:20px；}js文件就是通常的javascript，用来处理业务逻辑和数据。不同的是，它调用的是小程序的一些内置方法，几乎所有的业务逻辑处理都是用一个叫Page()的方法编写的。具体请参考官方文件~

//add note . jsvar app = getApp()Page({ data:{ title:& # 039；'，上下文:& # 039；'，note id:& # 039；'，}，save:function(e){ app . get userInfo(function(userInfo){ wx . request({ URL:& # 039；http://139.199.74.155/myCloudNote/addNote.php'，数据:{ userid:userInfo.nickName，title:e.detail.value.title，context:e . detail . value . context }，头:{ & # 039；content -type & # 039；:'application/x-www -form -urlencoded & # 039；}，方法:& # 039；邮政& # 039；，success:function(RES){ wx . redirect to({ URL:& # 039；../list/list & # 039；}) }、fail: function() { // fail }、complete:function(){//complete } })})}、Onload:function(options){ } })jsON文件用于配置页面的一些属性，比如页面名称，但不用于存储数据(存储数据是在JS文件中操作的).........

//add note . JSON { & quot；navigationBarTitleText & quot:& quot编辑笔记”}不知道怎么评价一些个人对小程序的看法……不知道怎么评价

[相关建议]

1.微信小程序完整源代码下载

2.微信小程序演示:卡卡车

3.外卖:实现类似的主播功能。

VIP推荐:22门课程，总价3725元。VIP会员免费。