微信小程序的开发

前端:微信小程序开发的技术

后端:springboot的框架

一:微信小程序环境的搭建

  1. 访问微信开发者官⽅⽹站的⼩程序开发⼯具下载⻚⾯。

  2. 根据你的操作系统(Windows、macOS或Linux)选择合适的版本进⾏下载。

  3. 下载完成后,运⾏安装程序,按照提示完成安装步骤。

  4. 得到是⼀个安装器 【D:// 】 next下⼀步下⼀步就可以了

二:登录微信小程序开发者工具

  1. 打开微信⼩程序开发者⼯具。
  2. 使⽤微信扫码登录。确保使⽤有权限管理⼩程序的微信账号登录。

三:创建新项目

四:新建第一个小程序页面

五:部分知识的记录

组件的写作格式:<组件名称 属性名称 ="值" 属性名称2="值">页面展示内容</组件名称>

图片展示

<image src="" mode =""/>

view 组件(竖立)

<view> 输入内容</view>

text组件(横向)

<text>text组件</text>

<input type = "text"/>

<input type ="text" placeholder="请输入账号"/>

小程序页面文件包括:js文件【页面逻辑(监听事件)】+wsml文件【页面展示】+wxss文件【页面属性设置】

修改标签的样式:选择器【class】

CSS样式属性

参考资料

相关推荐
流***陌6 小时前
手办盲盒抽赏小程序前端功能设计:兼顾收藏需求与抽赏乐趣
前端·小程序
Tencent_TCB6 小时前
云开发CloudBase AI+实战:快速搭建AI小程序全流程指南
人工智能·ai·小程序·ai编程·云开发
说私域9 小时前
“开源AI大模型AI智能名片S2B2C商城小程序”视角下的教育用户策略研究
人工智能·小程序
2501_9160074711 小时前
提升 iOS 26 系统流畅度的实战指南,多工具组合监控
android·macos·ios·小程序·uni-app·cocoa·iphone
一匹电信狗14 小时前
【MySQL】数据库表的操作
linux·运维·服务器·数据库·mysql·ubuntu·小程序
2501_9159214317 小时前
iOS 应用代上架流程,多工具组合与使用 开心上架 跨平台自动化上传指南
android·ios·小程序·uni-app·自动化·cocoa·iphone
知识分享小能手17 小时前
uni-app 入门学习教程,从入门到精通,uni-app组件 —— 知识点详解与实战案例(4)
前端·javascript·学习·微信小程序·小程序·前端框架·uni-app
Q_Q196328847517 小时前
python+uniapp基于微信小程序的助眠小程序
spring boot·python·小程序·django·flask·uni-app·node.js
韩立学长20 小时前
基于微信小程序的公益捐赠安全平台9hp4t247 包含完整开发套件(程序、源码、数据库、调试部署方案及开发环境)系统界面展示及获取方式置于文档末尾,可供参考。
数据库·微信小程序·小程序
2501_9159184121 小时前
iOS 混淆与 IPA 加固一页式行动手册(多工具组合实战 源码成品运维闭环)
android·运维·ios·小程序·uni-app·iphone·webview