当前位置：首页 > news >正文

甘肃购物网站建设seo入门书籍

news 2025/8/7 19:31:10

甘肃购物网站建设,seo入门书籍,网站建设代理平台,网站架构设计师月薪多少小程序开发框架7.1 小程序模块化开发7.1.1 模块7.1.2 模板7.1.3 自定义组件7.1.4插件7.2 小程序基础样式库—WeUI7.2.1 初识WeUI7.2.2【案例】电影信息展示7.3 使用vue.js开发小程序7.3.1 初识mpvue7.3.2 开发工具7.3.3 项目结构7.3.4【案例】计数器7.4 小程序组件化开发框架7.…

小程序开发框架

7.1 小程序模块化开发
- 7.1.1 模块
- 7.1.2 模板
- 7.1.3 自定义组件
- 7.1.4插件
7.2 小程序基础样式库—WeUI
- 7.2.1 初识WeUI
- 7.2.2【案例】电影信息展示
7.3 使用vue.js开发小程序
- 7.3.1 初识mpvue
- 7.3.2 开发工具
- 7.3.3 项目结构
- 7.3.4【案例】计数器
7.4 小程序组件化开发框架
- 7.4.1初识WePY
- 7.4.2 开发工具
- 7.4.3 项目结构
- 7.4.4【案例】商品展示
总结

7.1 小程序模块化开发

7.1.1 模块

模块的定义和使用：
在这里插入图片描述
注意：
path路径不可以使用绝对路径，否则会报错，应该使用相对路径。

7.1.2 模板

模板的定义和使用：
在这里插入图片描述
template组件is属性：

注意：
模板拥有自己的作用域，只能使用data传入的数据以及模版定义文件中定义的 < wxs /> 模块。

7.1.3 自定义组件

自定义组件创建：
在这里插入图片描述

自定义组件结构和样式：
在这里插入图片描述

自定义组件使用：
在这里插入图片描述

自定义组件案例：
在这里插入图片描述

在这里插入图片描述

效果：
在这里插入图片描述

7.1.4插件

打开微信开发者工具，创建一个插件项目：
在这里插入图片描述

在这里插入图片描述

插件配置文件：
在这里插入图片描述

插件使用配置过程：
在这里插入图片描述

在页面中使用插件：
在这里插入图片描述

7.2 小程序基础样式库—WeUI

7.2.1 初识WeUI

WeUI使用流程：

下载WeUI
查看样式效果
引入样式文件

7.2.2【案例】电影信息展示

WeUI中navbar实现导航栏效果：
在这里插入图片描述

正在热映页面效果图展示：
在这里插入图片描述

在这里插入图片描述

搜索页面效果展示：
在这里插入图片描述

分类页面效果展示：
在这里插入图片描述

在这里插入图片描述

7.3 使用vue.js开发小程序

7.3.1 初识mpvue

mpvue在技术开发上的一些能力：

彻底的组件化开发能力，提高代码复用性。
完整的Vue.js开发体验。
方便的Vuex数据管理方案，方便构建复杂应用。
快捷的webpack构建机制。
支持使用npm外部依赖。
使用Vue.js命令行工具vue-cli快速初始化项目。
H5代码转换编译成小程序目标代码的能力。

7.3.2 开发工具

mpvue进行开发前的准备工作：

检查开发环境。
安装vue-cli脚手架工具。
初始化微信小程序项目。
安装依赖。
启动项目。
预览小程序。

7.3.3 项目结构

查看项目目录结构：

dist：小程序运行代码目录。
src：源代码目录。
- src/components：组件目录。
- src/pages：页面目录。
- src/App.vue：主组件。
- src/app.json：小程序配置文件。
- src/main.js：入口文件。
package.json：依赖配置文件。
config：配置文件。
project.config.json：项目配置文件。