微信小程序基础学习笔记Day01

已于 2022-04-30 13:09:18 修改
阅读量325 收藏
点赞数 2
文章标签： 微信小程序
于 2022-04-20 10:03:35 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Li9527999qq/article/details/124288027
版权

学习目标：微信小程序基础Day01

今日目标:

  1. 能够知道如何创建小程序项目
  2. 能够清楚小程序项目的基本组成结构
  3. 能够知道小程序页面由几部分组成
  4. 能够知道小程序中常见的组件如何使用
  5. 能够知道小程序如何进行协同开发和发布

学习内容：

学习目录:

  1. 小程序简介
  2. 第一个小程序
  3. 小程序代码的构成
  4. 小程序的宿主环境
  5. 协同工作和发布
  6. 总结

1.小程序简介

1.1.小程序与普通网页开发的区别

  • 运行环境的不同
    • 网页运行在浏览器
    • 小程序运行在微信环境

  • API 不同
    • 小程序无法调用 DOM 和 BOM 的 API
    • 但是小程序可以调用微信环境提供的一些 API
      • 地理定位
      • 扫码
      • 支付

  • 开发模式不同
    • 网页的开发模式： 浏览器+代码编辑器
    • 小程序开发模式
      • 申请小程序开发账号
      • 安装小程序的开发者工具
      • 创建和配置小程序项目

1.2.体验微信小程序

在这里插入图片描述

2.第一个小程序

2.1.注册微信开发者账号, 获取AppID

  • 使用浏览器打开 https://mp.weixin.qq.com/ 网址，点击右上角的“立即注册”，进入小程序开发账号注册流程

2.2.微信开发者工具的安装和使用

2.2.1.安装

2.2.2.使用

  • 扫码登录
    在完成安装安装之后, 将会打开微信开发者工具, 此时会提示扫码登录, 需使用自己的微信进行扫码

3.小程序代码的构成

3.1.项目的基本组成结构

  1. pages 用来存放所有小程序的页面，每个页面都是一个单独的文件夹
  2. utils 用来存放工具性质的模块
  3. app.js 整个小程序项目的入口文件
  4. app.json 小程序项目的全局配置文件
  5. app.wxss 小程序项目的全局样式文件
  6. project.config.json 项目的配置文件
  7. sitemap.json 用来配置小程序及其页面是否允许被微信索引

3.2.小程序页面的组成部分

  • 小程序官方建议把所有小程序的页面，都存放在 pages 目录中，以单独的文件夹存在

  • 每个页面由 4 个基本文件组成，它们分别是：

    • .js 文件（页面的脚本文件，存放页面的数据、事件处
      理函数等）
    • .json 文件（当前页面的配置文件，配置窗口的外观、表现等）
    • .wxml 文件（页面的模板结构文件）
    • .wxss 文件（当前页面的样式表文件）

总结而言,就是一个页面的结构,样式,功能和配置都被分别放到了单独的文件夹中进行维护

3.3. JSON 配置文件

JSON 是一种数据格式，在实际开发中， JSON 总是以配置文件的形式出现。
小程序项目中也不例外：通过不同的 .json 配置文件，可以对小程序项目进行不同级别的配置。
小程序项目中有 4 种 json 配置文件，分别是：

  • 项目根目录的 app.json 配置文件
  • 项目根目录种的 project.config.json 配置文件
  • 项目根目录中的 sitemap.json 配置文件
  • 每个页面文件夹中的 .json 配置文件

3.3.1. app.json 配置文件

app.json 是当前小程序的全局配置，包括了小程序的所有页面路径、窗口外观、界面表现、底部tab 等。

简单了解下这 4 个配置项的作用：

  • pages ：用来记录当前小程序所有页面的路径
  • window ：全局定义小程序所有页面的背景色、文字颜色等
  • style ：全局定义小程序组件所使用的样式版本
  • sitemapLocation ：用来指明 sitemap.json 的位置

目前大家先对 pages 和 window 节点多多关注, 后续会不断的在这两个节点中进行配置

3.3.2. project.config.json 配置文件

project.config.json 是项目配置文件，用来记录我们对小程序开发工具所做的个性化配置

  • setting : 保存了编译相关的配置
  • projectname : 保存的是项目名称
  • appid : 保存的是小程序的账号 ID

这里需要将project.config.json 和 app.json 配置文件的作用区分开来
project.config.json 更多的是对微信开发者工具的配置, 而 app.json 是对项目代码功能层面上的配置.

3.3.3. sitemap.json 配置文件

  • 微信现已开放小程序内搜索，效果类似于 PC 网页的 SEO 。 sitemap.json 文件用来配置小程序页面是否允许微信索引。

  • 当开发者允许微信索引时，微信会通过爬虫的形式，为小程序的页面内容建立索引。当用户的搜索关键字和页面的索引匹配成功的时候，小程序的页面将可能展示在搜索结果中。

注意： sitemap 的索引提示是默认开启的，如需要关闭 sitemap 的索引提示，可在小程序项目配置文件 project.config.json 的 setting 中配置字段 checkSiteMap 为 false

3.3.4.页面的 .json 配置文件

小程序中的每一个页面，可以使用 .json 文件来对本页面的窗口外观进行配置，页面中的配置项会覆盖 app.json 的 window 中相同的配置项, 当然, 这指的是当前页面被展示出来的时候.

3.4.新建小程序页面

在 app.json->pages 中新增页面的存放路径，小程序开发中工具就可帮我们自动创建对应的页面文件

3.5.修改项目首页

只需要调整 app.json -> pages 数组中页面路径的前后顺序，即可修改项目的首页。小程序会把排在第一位的页面，当作项目首页进行渲染。

3.6. WXML

WXML 是小程序框架的标签语言,用来构建小程序页面的结构，其作用类似于网页开发中的 HTML。他们主要存在下面几点的差别

1. 标签名不同

  • HTML（div）
  • WXML(view, text, image, navigator)

2. 属性节点不同

  • <a href="#" > </a>
  • <navigator url=""> </navigator>

3. 提供了类似于 vue 中的模板语法

  • 数据绑定
  • 列表渲染
  • 条件渲染

3.7. WXSS

WXSS (WeiXin Style Sheets) 是一套样式语言，用于描述 WXML 的组件样式，类似于网页开发中的CSS 。他们主要存在下面几点的差别:

① 新增了 rpx 尺寸单位

  • CSS 中需要手动进行像素单位换算，例如 rem
  • WXSS 在底层支持新的尺寸单位 rpx ，在不同大小的屏幕上小程序会自动进行换算

② 提供了全局的样式和局部样式

  • 项目根目录中的 app.wxss 会作用于所有小程序页面
  • 局部页面的 .wxss 样式仅对当前页面生效

③ WXSS 仅支持部分 CSS 选择器

  • .class 和 #id
  • element
  • 并集选择器、后代选择器
  • ::after 和 ::before 等伪类选择器

3.8. js 文件的分类

小程序中的 JS 文件分为三大类，分别是：
① app.js

  • 是整个小程序项目的入口文件，通过调用 App() 函数来启动整个小程序

② 页面的 .js 文件

  • 是页面的入口文件，通过调用 Page() 函数来创建并运行页面

③ 普通的 .js 文件

  • 是普通的功能模块文件，用来封装公共的函数或属性供页面使用

4.小程序的宿主环境

4.1.一些概念

  • 宿主环境（host environment）指的是程序运行所必须的依赖环境。
    例如：Android 系统和 iOS 系统是两个不同的宿主环境。
    安卓版的微信 App 是不能在 iOS 环境下运行的，所以，Android 是安卓软件的宿主环境，脱离了宿主环境的软件是没有任何意义的！

手机微信是小程序的宿主环境

小程序借助宿主环境提供的能力，可以完成许多普通网页无法完成的功能，例如：
微信扫码、微信支付、微信登录、地理定位、 etc …

小程序的宿主环境包含以下几部分内容
① 通信模型
② 运行机制
③ 组件
④ API

  • 通信模型
    小程序中通信的主体是渲染层和逻辑层，其中：
    ① WXML 模板和 WXSS 样式工作在渲染层
    ② JS 脚本工作在逻辑层

而所谓的通信模型指的是:
① 渲染层和逻辑层之间的通信
② 逻辑层和第三方服务器之间的通信
这两部分的通信都是通过微信客户端进行转发

  • 运行机制
    小程序的运行机制主要讲两部分

① 小程序启动的过程

  • 把小程序的代码包下载到本地
  • 解析 app.json 全局配置文件
  • 执行 app.js 小程序入口文件，调用 App() 创建小程序实例
  • 渲染小程序首页
  • 小程序启动完成

② 某个页面渲染的过程

  • 加载解析页面的 .json 配置文件
  • 加载页面的 .wxml 模板和 .wxss 样式
  • 执行页面的 .js 文件，调用 Page() 创建页面实
  • 页面渲染完成

4.2.组件

4.2.1.常用的组件

小程序中的组件也是由宿主环境提供的，开发者可以基于组件快速搭建出漂亮的页面结构。官方把小程序的组件分为了 9 大类，分别是：
① 视图容器
② 基础内容
③ 表单组件
④ 导航组件
⑤ 媒体组件
⑥ map 地图组件
⑦ canvas 画布组件
⑧ 开放能力
⑨ 无障碍访问

其中, 对于视图容器组件而言, 常用的有以下3个

  • view
    普通视图区域
    类似于 HTML 中的 div，是一个块级元素
    常用来实现页面的布局效果

  • scroll-view
    可滚动的视图区域
    常用来实现滚动列表效果

  • swiper 和 swiper-item
    轮播图容器组件 和 轮播图 item 组件

4.2.2. view 组件的使用

实现如图的 flex 横向布局效果
代码如下:

<!--pages/list/list.wxml--> 
<view class="container1"> 
  <view>A</view> 
  <view>B</view> 
  <view>C</view>
</view>

/* pages/list/list.wxss */ 
.container1 { 
  display: flex;
  justify-content: 
  space-around; 
  align-items: 
  flex-start; 
}
 
.container1 view { 
  width: 100px; 
  height: 100px; 
  line-height: 100px; 
  text-align: center; 
  background-color: yellowgreen; 
  color: #fff; 
}

4.2.3. scroll-view 组件的使用

scroll-view 主要来实现元素内部的滚动, 注意, 元素内部的滚动和整个页面的滚动不是同一回事.
代码如下:

<!-- scorll-y 允许纵向滚动 --> 
<!-- scorll-x 允许横向滚动 --> 
<scroll-view class="container1" scroll-y> 
  <view>A</view> 
  <view>B</view> 
  <view>C</view> 
</scroll-view>

/* pages/list/list.wxss */
.container1 { 
  border: 2px dashed lightgreen;
  /* 给父盒子添加固定高度，内部的元素就可以滚动 */
  width: 100px; 
  height: 130px; 
}

.container1 view {
  width: 100px; 
  height: 100px;
  line-height: 100px; 
  text-align: center; 
  color: #fff; 
}

.container1 view:nth-child(1) { background-color: yellowgreen; }
.container1 view:nth-child(2) { background-color: lightskyblue; }
.container1 view:nth-child(3) { background-color: lightcoral; }

4.2.4. swiper 组件的使用

swiper 组件主要是用来实现轮播图效果, swiper 组件相当于一个大盒子, swiper-item 指的是轮播图的每一项
代码如下:

<!-- 轮播图的结构 --> 
<swiper class="swiper-container"> 
  <swiper-item> 
    <view class="item">A</view> 
  </swiper-item>
  <swiper-item> 
    <view class="item">B</view> 
  </swiper-item> 
  <swiper-item> 
    <view class="item">C</view> 
  </swiper-item> 
</swiper>

.swiper-container {
  height: 150px; 
}
.item {
  height: 100%; 
  line-height: 150px;
  text-align: center; 
}

swiper-item:nth-child(1) .item { background-color: lightcoral; }
swiper-item:nth-child(2) .item { background-color: lightseagreen;}
swiper-item:nth-child(3) .item { background-color: lightpink; }

swiper 还有其他相应的属性, 如下:

  • indicator-dots 是否显示面板指示点
  • indicator-color 指示点颜色
  • indicator-active-color 激活指示点颜色
  • autoplay 是否自动切换
  • interval 自动切换时间间隔
  • circular 是否采用衔接滑动

4.2.5. text 组件和 rich-text 组件

  • text 组件
    文本组件
    类似于 HTML 中的 span 标签，是一个行内元素

  • rich-text 组件
    富文本组件 支持把 HTML 字符串渲染为 WXML 结构

通过 text 组件的 selectable 属性，实现长按选中文本内容的效果

<!-- 只有在text组件中添加selectable 属性支持长按选中效果 --> 
<view> 
  <text selectable>手机号码支持长按选中效果：13333333333</text> 
</view>

通过 rich-text 组件的 nodes 属性节点，把 HTML 字符串渲染为对应的 UI 结构

<!-- rich-text组件中添加 nodes节点可以把 HTML 字符串渲染为对应的 UI 结构 -->
<rich-text nodes="<h1 style='color: red;'>标题</h1>"> 
</rich-text>

注意: 小程序默认是识别不了 HTML 的, 小程序默认只识别 WXML , 所以如果我们从服务器上获取到了包含HTML 字符串的数据, 并且想展示出来, 应该使用到 rich-text 组件的 nodes 属性

4.2.6. button 组件

button 是按钮组件,它的功能比 HTML 中的 button 按钮丰富,我们可以通过 open-type 属性可以调用微信提供的各种功能（客服、转发、获取用户授权、获取用户信息等

基本使用的代码如下:

<!-- 通过type属性指定按钮颜色类型 -->
<button>普通按钮</button> 
<button type="primary">主色调按钮</button> 
<button type="warn">警告按钮</button> 

<!-- 通过size属性指定按钮尺寸 --> 
<button size="mini">普通按钮</button> 
<button size="mini" type="primary">主色调按钮</button> 
<button size="mini" type="warn">警告按钮</button> 

<!-- 通过plain属性指定按钮的镂空效果 --> 
<button plain>普通按钮</button> 
<button plain type="primary">主色调按钮</button> 
<button plain type="warn">警告按钮</button>

4.2.7. image 组件

image 是图片组件(注意,不是 img , 是 image ), 用来展示图片的, 它也是通过 src 属性来指明图片的路径.

image 组件默认宽度约 300px 、高度约 240px
关于 image 组件, 还有一个属性叫做 mode , 它是用来控制图片的裁剪和缩放形式, 具体的可选值如下:
在这里插入图片描述

4.3. 小程序API 的3大分类

小程序中的 API 是由宿主环境提供的，通过这些丰富的小程序 API ，开发者可以方便的调用微信提供的能力，

例如：获取用户信息、本地存储、支付功能等。

小程序 API 分为3大类, 分别是:
① 事件监听 API

  • 特点：以 on 开头，用来监听某些事件的触发
  • 举例： wx.onWindowResize(function callback) 监听窗口尺寸变化的事件

② 同步 API

  • 特点1：以 Sync 结尾的 API 都是同步 API
  • 特点2：同步 API 的执行结果，可以通过函数返回值直接获取，如果执行出错会抛出异常
  • 举例： wx.setStorageSync(‘key’, ‘value’) 向本地存储中写入内容

③ 异步 API

  • 特点：类似于 jQuery 中的 $.ajax(options) 函数，需要通过 success、fail、complete 接收调用的结果
  • 举例： wx.request() 发起网络数据请求，通过 success 回调函数接收数据

5.协同工作和发布

5.1.为什么需要有权限管理

在中大型的公司里，人员的分工非常仔细：同一个小程序项目，一般会有不同岗位、不同角色的员工同时参与设计与开发。

此时出于管理需要，我们迫切需要对不同岗位、不同角色的员工的权限进行边界的划分，使他们能够高效的进行协同工作。

5.2.项目成员的组织结构

  • 项目管理者
    • 产品组
      • 提需求
      • 设计组
      • 出设计方案
    • 开发组
      • 代码开发
    • 测试组
      • 项目测试

其中, 项目管理者需要统筹整个项目的进展和风险，把控小程序对外发布的节奏

5.3.小程序的开发流程

度娘O(∩_∩)O哈哈~

5.4.小程序成员管理

小程序成员管理体现在管理员对小程序项目成员及体验成员的管理：
① 项目成员：

  • 表示参与小程序开发、运营的成员
  • 可登录小程序管理后台
  • 管理员可以添加、删除项目成员，并设置项目成员的角色

② 体验成员：

  • 表示参与小程序内测体验的成员
  • 可使用体验版小程序，但不属于项目成员
  • 管理员及项目成员均可添加、删除体验成员

5.4.1.不同项目成员对应的权限

我们更多关注的是开发者所具备的权限

开发者所具备的权限有: 开发权限, 体验者权限, 登录权限,开发设置,腾讯云管理

  • 开发者权限：可使用小程序开发者工具及对小程序的功能进行代码开发
  • 体验者权限：可使用体验版小程序
  • 登录权限：可登录小程序管理后台，无需管理员确认
  • 开发设置：设置小程序服务器域名、消息推送及扫描普通链接二维码打开小程序
  • 腾讯云管理：云开发相关设置

5.5.小程序的版本

在软件开发过程中，根据时间节点的不同，会产出不同的软件版本，例如：
① 开发者编写代码的同时，对项目代码进行自测（开发版本）
② 直到程序达到一个稳定可体验的状态时，开发者把体验版本给到产品经理和测试人员进行体验测试
③ 最后修复完程序的 Bug 后，发布正式版供外部用户使用

5.6.发布上线

  1. 小程序发布上线的整体步骤
    一个小程序的发布上线，一般要经过上传代码 -> 提交审核 -> 发布这三个步骤。
  2. 上传代码
    ① 点击开发者工具顶部工具栏中的“上传” 按钮
    ② 填写版本号以及项目备注
  3. 在后台查看上传之后的版本
    登录小程序管理后台 -> 管理 -> 版本管理 -> 开发版本 ，即可查看刚才提交上传的版本了
  4. 提交审核
    为什么需要提交审核：为了保证小程序的质量，以及符合相关的规范，小程序的发布是需要经过腾
    讯官方审核的。
    提交审核的方式：在开发版本的列表中，点击“提交审核”按钮之后，按照页面提示填写相关的信
    息，就能把小程序提交到腾讯官方进行审核。
  5. 发布
    审核通过之后，管理员的微信中会收到小程序通过审核的通知，此时在审核版本的列表中，点击“发布”
    按钮
    之后，即可把“审核通过”的版本发布为“线上版本”，供所有小程序用户访问和使用。
  6. 基于小程序码进行推广
    相对于普通二维码来说，小程序码的优势如下：
    ① 在样式上更具辨识度和视觉冲击力
    ② 能够更加清晰地树立小程序的品牌形象
    ③ 可以帮助开发者更好地推广小程序

获取小程序码的 5 个步骤：
登录小程序管理后台 -> 设置 -> 基本设置 -> 基本信息 -> 小程序码及线下物料下载

5.7.运营数据

查看小程序运营数据的两种方式

  • 在“小程序后台”查看
    • 登录小程序管理后台
    • 点击侧边栏的“统计”
    • 点击相应的 tab 可以看到相关的数据
  • 使用“小程序数据助手”查看
    • 打开微信
    • 搜索“小程序数据助手”
    • 查看已发布的小程序相关的数据

6.总结

① 能够知道如何创建小程序项目
微信开发者工具的使用、 appID 的获取

② 能够清楚小程序项目的基本组成结构
app.js 、 app.json 、 app.wxss 、 pages 文件夹

③ 能够知道小程序页面由几部分组成
wxml 、 wxss 、 json 、 js

④ 能够知道小程序中常见的组件如何使用
view 、 text 、 image

⑤ 能够知道小程序如何进行协同开发和发布
成员管理、发布小程序、查看运营数据

学习产出：

  • 基础技术笔记 5 篇
  • 项目技术笔记 5 篇
  • CSDN 技术博客 10 篇
子木睡觉了
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
微信小程序云开发起步步骤与报错
yuhong's blog
07-01 648
步骤与问题新建云开发模板开通云开发、创建环境体验小程序查看控制台 官方文档链接：https://developers.weixin.qq.com/miniprogram/dev/wxcloud/basis/quickstart.html 新建云开发模板 1.在新建项目时，如果主动填入申请后的小程序AppID，模板会自动选择为云开发模板 2.在默认模板中有与project.config.json文件平级的文件夹cloudfunctions，用来存放云函数等 开通云开发、创建环境 1.点击云开发以开通云
2020-微信小程序开发学习笔记
木 雨
07-03 1218
文档 文档地址 小程序提供了一个简单、高效的应用开发框架和丰富的组件及API，帮助开发者在微信中开发具有原生 APP 体验的服务。 小程序框架参考文档 小程序组件参考文档 小程序 API 参考文档 小程序服务端 API 参考文档 官方文档 框架接口 Page内的生命周期及各项函数 一键生成Page配置代码，在js文件中输入page,在提示中选择如图所示内容，然后就自动填充配置代码 Page({ /** * 页面的初始数据 */ data: {
微信小程序-快速入门
lvxinaidou的博客
06-18 1786
微信小程序快速入门 文章目录微信小程序快速入门1、学习目标2、小程序简介2.1、小程序与普通网页开发的区别2.2、体验小程序3、第一个小程序3.1、 了解注册小程序开发账号的流程3.2、 获取小程序的AppID3.3、 安装微信开发者工具3.6、 演示新建小程序项目的步骤3.7、 查看项目运行效果的两种方式3.8、 了解微信开发者工具主界面的5个组成部分4、小程序代码的构成4.1、了解项目的基本组成结构4.2、小程序页面的组成部分4.3、 认识小程序中的4种配置文件4.4、 app.json文件4.5、 p
微信小程序（1）
m0_57712926的博客
10-13 217
目录前言一、简介二、小程序与普通网页开发的区别1. 运行环境2. API不同3. 开发模式不同4. 标签不同三、小程序的代码构成1. 项目目录基本组成2. 小程序页面的组成部分4. 小程序中的4中配置文件总结 前言 小程序是一种不需要下载、安装即可使用的应用，它实现了触手可及的梦想，用户扫一扫或者搜一下就能打开应用，也实现了用完即走的理念，用户不用安装太多应用，应用随处可用，但又无须安装卸载。 一、简介 什么是小程序： 小程序是一种不需要下载、安装即可使用的应用，它实现了触手可及的梦想，用户扫一扫或
微信小程序——1.起步
小熊要睡觉的博客
12-29 354
小程序简介 1. 小程序与普通网页开发的区别 1. 运行环境不同 网页运行在浏览器环境中 小程序运行在微信环境中 2. 开发模式不同 网页的开发模式：浏览器 + 代码编辑器 小程序有自己的一套标准开发模式： ⚫ 申请小程序开发账号 ⚫ 安装小程序开发者工具 ⚫ 创建和配置小程序项目 3. API 不同 由于运行环境的不同，所以小程序中， 无法调用 DOM 和 BOM 的 API。 但是，小程序中可以调用微信环境提供 的各种 API，例如： ⚫ 地理定位 ⚫ 扫码 ⚫ 支付 2.注册小程序账号 https:/
微信小程序开发起步
yueyue763184的博客
01-13 446
网页的开发模式：浏览器 + 代码编辑器。 小程序有自己的一套标准开发模式： 申请小程序开发账号——>安装小程序开发者工具——>创建和配置小程序项目
Day1 微信小程序-小程序代码的构成
m0_53154393的博客
08-01 2351
微信小程序学习之代码结构
手把手带你学习微信小程序 —— 六（wxs 语法学习专题）
最新发布
2401_84438239的博客
04-19 982
说句实话，如果一个打工人不想提升自己，那便没有工作的意义，毕竟大家也没有到养老的年龄。当你的技术在一步步贴近阿里p7水平的时候，毫无疑问你的薪资肯定会涨，同时你能学到更多更深的技术，交结到更厉害的大牛。推荐一份Java架构之路必备的学习笔记，内容相当全面！！！成年人的世界没有容易二字，前段时间刷抖音看到一个程序员连着加班两星期到半夜2点的视频。在这个行业若想要拿高薪除了提高硬实力别无他法。你知道吗？现在有的应届生实习薪资都已经赶超开发5年的程序员了，实习薪资26K，30K，你没有紧迫感吗？
微信小程序开发笔记（1.1）滚动选择器picker的使用
小姚的博客
05-15 1980
微信小程序组件滚动选择器picker使用详解
【微信小程序学习笔记02理解与初始准备】【实战天气微信小程序】
m0_37136491的博客
09-16 531
目录 目录 注册小程序账号，获取AppID 开发准备 删快速模板中不必要的代码 视图层 何为WXML 数据绑定 列表渲染 条件渲染 模板 事件 何为WXSS 快捷链接 注册小程序账号，获取AppID 要在手机微信上运行测试小程序，必须获取AppID。 开发准备 删快速模板中不必要的代码 删除 app.js 中的所有代码。 这里会存储整个小...
智睿政府企事业单位内容网站管理系统 v2.3.2版
03-17
智睿政府网站系统: 定位政府机关单位开发，政府机关的对外窗口，建立政府门户网站为政府电子政务对外服务窗口和发展，有利于各种信息和资源的整合，为政府与社会公众之间加强联系和沟通的有效载体。智睿政府网站管理系统针增强了对性和易用性,适合政府，机关，市县区级各政府使用。 网站简介 网站首页-预设政务要闻网上办事政务公开城市风光资源下载联系我们网上问政 政府概况-南都概况，自然资源，南都历史，南都美誉，行政区划 政务新闻-政府通告，政府会议，政府新闻，领导活动 网上办事-个人办事，企业办事，政务机关 资源下载-教学日常、优秀课件、优秀教案、办公软件 政务公开-城市美景，城市规划，城市名人 视频新闻-可以自由上传切换FLV和MPG格式新闻视频 网上问政-网上问政，受理单位，投诉类型 系统管理: 你的域名/manage/admin_login.asp帐号：admin管理密码：123456 注意事项: 1.本程序只需支持ASP空间即可运行,使用前请先联系空间商。 2.上传wwwroot文件夹到你的网站根目录，然后运行即可。 3.免费版只适合试用和个人用途，如需建立商业站点或公司使用请购买商业版。 版权所有:智睿软件 主站:http://www.ZhiRui.net 演示:http://www.ZhiRui.net/Gover
智睿政府网站管理系统 ver2.3.0
03-17
智睿政府网站系统: 定位政府机关单位开发，政府机关的对外窗口，建立政府门户网站为政府电子政务对外服务窗口和发展，有利于各种信息和资源的整合，为政府与社会公众之间加强联系和沟通的有效载体。智睿政府网站管理系统针增强了对性和易用性,适合政府，机关，市县区级各政府使用。 网站简介 网站首页-预设政务要闻网上办事政务公开城市风光资源下载联系我们网上问政 政府概况-南都概况，自然资源，南都历史，南都美誉，行政区划 政务新闻-政府通告，政府会议，政府新闻，领导活动 网上办事-个人办事，企业办事，政务机关 资源下载-教学日常、优秀课件、优秀教案、办公软件 政务公开-城市美景，城市规划，城市名人 视频新闻-可以自由上传切换FLV和MPG格式新闻视频 网上问政-网上问政，受理单位，投诉类型 系统管理: 你的域名/manage/admin_login.asp帐号：admin管理密码：123456
微信小程序之起步（更新中）
Jane_96的博客
11-30 1694
开发环境：官方提供的开发者工具 之前已经申请过微信小程序，拥有自己的AppID创建项目 在本地目录新建一个文件夹作为项目文件夹，然后选择创建「项目」，填入AppID，设置自己的项目名称，点击新建项目。 建议初学者在开着发工具提示，是否需要创建一个quick start 项目的时候选择是，这样可以熟悉一下项目的结构。 项目结构 在项目中，已经有部分的简单代码文件。其中，最关键的三个文件，也是必不可少
微信小程序开发——起步
weixin_44413191的博客
01-15 2003
一、小程序代码构成 .json后缀的 JSON 文件 .wxml 后缀的 WXML 模板文件 .wxss 后缀的 WXSS 样式文件 .js 后缀的 JS 脚本逻辑文件 JSON 配置 JSON是一种数据格式，在小程序中，起静态配置的作用。 小程序配置 app.json app.json是当前小程序的全局配置，QuickStart项目中的app.json配置内容如下： { "pages":...
微信小程序学习起步
weixin_46314560的博客
03-03 278
一.起步 微信小程序官方文档：https://developers.weixin.qq.com/miniprogram/dev/framework/ 1.申请账号 2.安装开发者工具 3.新建项目 二.小程序代码构成 1.一个项目中生成了4种文件 ①.json 后缀的 JSON 配置文件 ②.wxml 后缀的 WXML 模板文件 ③.wxss 后缀的 WXSS 样式文件 ④.js 后缀的 JS 脚...
小程序起步之爬坑~
qq_37303417的博客
05-29 235
作为一个前端程序媛，一个月前开始写小程序（起步有点晚）。 最开始是改别人写好的，添加或者改动一些功能。 感觉这种方式上手小程序还是比较舒服的，虽然也有各种语法不知道怎么写，但是还是可以查到的。 最近摸过两个需要注意的地方 1.当post请求的数据出错或者部分出错，正常调接口的软件中返回正常，且找不出任何错误时 尝试    header: { "Content-Type": "applic...
微信小程序开发（一）：环境搭建和第一个小程序创建
weixin_48335453的博客
01-09 986
小程序的开发，需要经过申请小程序帐号、安装小程序开发者工具、配置项目等过程方可完成。本文主要从以上几个步骤介绍微信小程序的环境搭建，项目的新建和导入等功能，可作为小程序开发入门篇。
微信小程序开发者工具简介
热门推荐
Joychen404的博客
05-14 5万+
微信开发者工作是微信官方提供的针对微信小程序的开发工具，集中了开发，调试，预览，上传等功能。微信开发者工作是微信官方提供的针对微信小程序的开发工具，集中了开发，调试，预览，上传等功能。微信团队发布了微信小程序开发者工具、微信小程序开发文档和微信小程序设计指南，全新的开发者工具，集成了开发调试、代码编辑及程序发布等功能，帮助开发者简单和高效地开发微信小程序。启动工具时，开发者需要使用已在后台绑定成功...
【微信小程序】微信开发者工具的使用
走在冷风中的博客
04-25 1万+
微信开发者工作是微信官方提供的针对微信小程序的开发工具，集中了开发，调试，预览，上传等功能。下面来介绍下自己的针对小程序和微信开发者工具的使用心得。 下载地址：开发者工具下载地址 1.下载并安装以后打开，微信号扫码登录登录开发者工具。 如果还没有注册，可以填写无AppID，它会显示部分功能受限，实际上并没有太大影响。 2.添加一个quick start项目
"2022年微信小程序开发教程笔记及全面概述
本文是一份完整的微信小程序开发教程，将介绍从基础知识到高级技巧，全面覆盖微信小程序开发的方方面面。通过学习本教程，你将能够全面掌握微信小程序的开发技术，并能够独立完成小程序的开发与设计。 微信小程序...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值