当前位置: 首页 > wzjs >正文

兼职 做网站今日新闻摘抄50字

兼职 做网站,今日新闻摘抄50字,网站建设的步骤,自己的公众号目录 环境篇快速开始架构介绍页面介绍云开发快速开发方法 环境篇 微信小程序开发的环境比较简单,下载微信开发者工具即可。 https://developers.weixin.qq.com/platform/?utm_sourcegateway_homepage 快速开始 想要快速开始的话,使用 TDesign 提供的…

目录

  • 环境篇
  • 快速开始
  • 架构介绍
  • 页面介绍
  • 云开发
  • 快速开发方法

环境篇

微信小程序开发的环境比较简单,下载微信开发者工具即可。
https://developers.weixin.qq.com/platform/?utm_source=gateway_homepage

快速开始

想要快速开始的话,使用 TDesign 提供的模版比较好。TDesign 是一个微信小程序的组件库。使用 TDesign 提供好的模版然后去改成我们想要的样子,我认为是比从0开始要更快的。
https://tdesign.tencent.com/miniprogram/getting-started

在这里插入图片描述

架构介绍

https://developers.weixin.qq.com/miniprogram/dev/reference/

各部分的详细介绍大家看文档即可,这里简单介绍一下各部分功能:

  • 小程序根目录下的 app.json 文件用来对微信小程序进行全局配置。
  • pages 用于指定小程序由哪些页面组成,每一项都对应一个页面的 路径(含文件名) 信息。
  • window 用于设置小程序的状态栏、导航条、标题、窗口背景色。
  • tabBar 如果小程序是一个多 tab 应用(客户端窗口的底部或顶部有 tab 栏可以切换页面),可以通过 tabBar 配置项指定 tab 栏的表现,以及 tab 切换时显示的对应页面。
  • subpackages 启用分包加载时,声明项目分包结构。

页面介绍

使用 TDesign 开发的话,页面包含以下四个文件
在这里插入图片描述

  • wxml : 页面
  • js:页面逻辑
  • less:样式
  • json:声明使用哪些组件

云开发

使用云开发可以快速构建项目,就不需要我们再写后端了。通过如下方式,图形化的构建数据库即可。

在这里插入图片描述
步骤一:在 app.js 中填入环境 id

// app.js
App({onLaunch() {const updateManager = wx.getUpdateManager();updateManager.onCheckForUpdate((res) => {// console.log(res.hasUpdate)});updateManager.onUpdateReady(() => {wx.showModal({title: '更新提示',content: '新版本已经准备好,是否重启应用?',success(res) {if (res.confirm) {updateManager.applyUpdate();}},});});if (!wx.cloud) {console.error('请使用 2.2.3 或以上的基础库以使用云能力')} else {wx.cloud.init({// env 参数说明://   env 参数决定接下来小程序发起的云开发调用(wx.cloud.xxx)会默认请求到哪个云环境的资源//   此处请填入环境 ID, 环境 ID 可打开云控制台查看//   如不填则使用默认环境(第一个创建的环境)env: '-----------此处填写环境id-------------',traceUser: true,})}},globalData: {userInfo: null,}
});

步骤二:在代码中使用操作数据库

// 1. 获取数据库引用
const db = wx.cloud.database()
// 2. 构造查询语句
// collection 方法获取一个集合的引用
// where 方法传入一个对象,数据库返回集合中字段等于指定值的 JSON 文档。API 也支持高级的查询条件(比如大于、小于、in 等),具体见文档查看支持列表
// get 方法会触发网络请求,往数据库取数据
db.collection('books').where({publishInfo: {country: 'United States'}
}).get({success: function(res) {// 输出 [{ "title": "The Catcher in the Rye", ... }]console.log(res)}
})

快速开发方法

可以使用 Trea 打开建立好的微信小程序项目,借用 AI 的能力加速开发过程。

在这里插入图片描述

Trea写好代码后,再通过微信开发者工具预览效果如何,反复迭代。

关于微信小程序的开发,细节真的太多了,这里只是粗略的大概介绍了一个整体的思路,具体开发的细节还是要在开发中具体体会。

http://www.dtcms.com/wzjs/490469.html

相关文章:

  • 帮做3d模型的网站5g网络优化培训
  • 店铺设计效果图郑州seo优化外包热狗网
  • 做的网站能撤掉吗经典软文范例大全
  • 一点空间网站建设驻马店网站seo
  • 东莞长安西安优化seo
  • 石排东莞网站建设搜索引擎app
  • 免费用的在线客服深圳网站设计实力乐云seo
  • 哈尔滨精致网站建设域名注册人查询
  • 上海大型网站建设公司排名小果seo实战培训课程
  • 免费做网络推广的网站可靠吗网站设计与制作
  • 做外贸网站价格活动策划
  • 做seo网站推广价格四种营销策略
  • 合肥网站建设搜王道下拉浏览器正能量网站免费
  • 炫酷的网页特效单页网站怎么优化
  • 东营网红餐厅广东网站营销seo方案
  • wordpress图片使用图床武汉网站优化公司
  • 温州网站建设服务器seo查询seo优化
  • wordpress用的什么前端长沙有实力seo优化公司
  • 网站备案和域名备案seo搜索引擎优化知乎
  • 做性事的视频网站名字全网营销公司排名前十
  • 青岛网站优化联系方式迅雷bt磁力链 最好用的搜索引擎
  • 网站开发武汉公司免费网站模板
  • 网站都需要什么类别百度搜索关键词热度
  • 网站监控 重启电脑速成班短期电脑培训班
  • 计算机毕业论文代做网站网站之家查询
  • 制作一个静态网站源码软文网站发布平台
  • 免费申请注册网站广州线下教学
  • 购物网站商城策划成都建设网官网
  • 网站建设公司对父亲节宣传口号天津企业seo
  • 代做论文的网站有哪些好的网络销售靠谱吗