自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(14)
  • 收藏
  • 关注

原创 第八章留言板

本节以简单留言板为例,介绍小程序项目的开发过程及代码实现。

2024-05-14 14:51:05 212 1

原创 第八章 小程序后端开发

一个完整的小程序系统,不但需要前端的展现,而且需要后端服务器的支撑,以提供数据服务。也就是说,开发一个真正完整的小程序应用,需要前后端的相互配合。小程序与远程服务器之间通过HTTPS传输协议进行数据交换,如图所示。除了自己搭建服务端以外,还可以利用一些网络公司提供的云服务来进行小程序后端的相应开发。本章主要讲解利用比目网络科技有限公司提供的Bmob后端云进行小程序后端开发。Bmob后端云专注于为移动应用提供一整套后端云服务,能帮助开发者免去几乎所有服务器端的编码工作,大幅度降低开发成本和开发时间。

2024-05-11 16:45:10 573 1

原创 四~六章复习总结

5.1.1即速应用的优势即速应用是深圳市咫尺网络科技开发有限公司开发的一款同时兼具微信小程序和支付宝小程序快速开发能力的工具,用户只需简单拖拽可视化组件,就可以实现在线小程序开发。据不完全统计,在微信小程序正式发布的1年内,在即速应用上打包代码并成功上线的微信小程序已经超过5万个。即速应用的功能特点主要体现在以下几个方面:1.开发流程简单,零门槛制作使用即速应用来开发微信小程序的过程非常简单,无须储备相关代码知识,没有开发经验的人也可以轻松上手。

2024-04-24 10:20:25 742

原创 一~三章复习总结

1.工具栏在工具栏中可以实现多种功能,例如账号的切换,模拟区、编辑区、调试区的显示/隐藏。小程序的编译、预览,切换后台,清理缓存等。2.模拟区在模拟区中选择模拟手机的类型、显示比例、网络类型后,模拟器中会显示小程序的运行效果3.目录文件区目录文件区用来显示当前项目的目录结构,单击左上角的“+”按钮可以进行目录和文件的创建,右键单击目录文件区中的文件或目录可以进行“硬盘打开”“重命名”“删除”等相关操作。4.编辑区。

2024-04-24 09:03:36 645

原创 第六章 API应用

微信小程序处理的数据通常从后台服务器获取,再将处理过的结果保存到后台服务器,这就要求微信小程序要有与后台进行交互的能力。微信原生API接口或第三方API提供了各类接口实现前后端交互。网络API可以帮助开发者实现网络URL访问调用、文件的上传和下载、网络套接字的使用等功能处理。微信开发团队提供了10个网络API接口。■ wx.request(Object)接口 用于发起HTTPS请求。■ wx.uploadFile(Object)接口用于将本地资源上传到后台服务器。

2024-04-10 11:04:09 589 1

原创 第五章 即速应用

登录即速应用官网,单击“注册”按钮,在如图5-1所示的页面填写相应信息,即可完成注册。完成注册后,即可登录账号,使用即速应用。图5-1 注册即速应用的主界面主要分为4个区域,分别为菜单栏,工具栏,编辑栏和属性面板,如图5-2所示。图5-2 即速应用主界面。

2024-04-03 10:21:09 1554 1

原创 第四章页面组件作业

在index.js中输入代码: 在index.wxml中输入代码: 运行效果图如下: 在index.wxml中输入代码: 在index.wxss中输入代码: 运行效果图如下:在index.wxml中输入代码: 运行效果图如下: 在app.json中输入添加代码: 在index.wxml中输入代码: 在countdown.wxml中输入代码: 在countdown.js中输入代码: 在countdown.json中输入代码: 运行效果图如下:

2024-03-31 18:38:00 267 1

原创 第四章页面组件

组件是页面视图层(WXML)的基本组成单元,组件组合可以构建功能强大的页面结构。小程序框架为开发者提供了容器视图、基础内容、表单、导航、多媒体、地图、画布、开放能力等8类(30多个)基础组件。每一个组件都由一对标签组成,有开始标签和结束标签,内容放置在开始标签和结束标签之间,内容也可以是组件。格式如下:内容.....组件通过属性来进一步细化。

2024-03-20 09:30:53 1950 1

原创 第三章页面布局作业

代码如下:在index.json输入代码: 在index.wmxl输入代码: 在index.wxss写入代码: 运行效果图如下:示例图案: 在index.wxml输入代码: 在index.wxss输入代码: 在index.json输入代码: 运行效果如图所示:

2024-03-17 14:46:42 368 1

原创 第三章页面布局

微信小程序的视图层由WXML和WXSS 组成。其中,WXSS(WeiXin Style Sheets)是基于CSS拓展的样式语言,用于描述WXML的组成样式,决定WXML的组件如何显示。WXSS具有CSS的大部分特性,因此,本章将重点讲解CSS中的布局相关内容。在页面设计中,只有掌握了盒子模型以及盒子模型的各个属性和应用方法,才能轻松控制页面中的各个元素。盒子模型就是我们在页面设计中经常用到的一种思维模型。

2024-03-11 14:21:55 1465 1

原创 第二章微信小程序开发作业-操作题

第一步,在index.wxml文件中输入以下代码。第二步,在index.wxss文件中输入以下代码。第三步,在index.json文件中输入以下代码。第四步,运行结果如下图。

2024-03-10 14:24:25 482 1

原创 第二章微信小程序开发基础

我们以第 1章新建的系统默认示例项目为参考,了解微信小程序项目的基本目录结构。如图 2-1 所示,在微信小程序的基本目录结构中,项目主目录下有 2个子目录 (pages 和utils)和4 个文件 (app.js、app.jsonapp.wxss 和 project.config.json )。在主目录中,3 个以“app”开头的文件是微信小程序框架的主描述文件,是应用程序级别的文件。这 3个文件不属于任何页面。

2024-03-04 12:26:29 853

原创 第一章微信小程序操作题

在浏览器中输入网址“htps://gshuh, cm/ aiay/app-sCalc”,进入页面后下载小程序简易计算器源码demo,将其解压后使用微信小程序开发工具打开该项目,分析小程序的页面结构及相关代码,对该小程序进行调试并运行。

2024-03-02 21:56:21 355

原创 第一章总结

1.工具栏在工具栏中可以实现多种功能,例如账号的切换,模拟区、编辑区、调试区的显示/隐藏。小程序的编译、预览,切换后台,清理缓存等。2.模拟区在模拟区中选择模拟手机的类型、显示比例、网络类型后,模拟器中会显示小程序的运行效果3.目录文件区目录文件区用来显示当前项目的目录结构,单击左上角的“+”按钮可以进行目录和文件的创建,右键单击目录文件区中的文件或目录可以进行“硬盘打开”“重命名”“删除”等相关操作。4.编辑区。

2024-03-01 10:04:01 368 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除