# Housekeeping
### 项目初览
> 微信小程序-家政预约
>
> 可在微信搜索:北京家政预约。
## 小程序设计过程
小程序是一个易上手的东西, 对于新手来说,多看官方文档,可以初步做出比较完整的小程序,正是因为简单上手,功能实现简单,小程序是越来越火,商业价值也越来越大。
#### 1.项目工具和文档
1. 微信web开发者工具:[微信小程序官网](https://mp.weixin.qq.com/debug/wxadoc/dev/) 这是个比较好用的编辑器,对于小程序编辑很方便。
2. 开发文档:[微信小程序宝典秘籍](https://www.w3cschool.cn/weixinapp/9wou1q8j.html) 通过这个查找微信小程序的API,组件,框架等等。
3. 图标库: [Iconfont-阿里巴巴矢量图标库](http://www.iconfont.cn/) 这个可以找到自己想要的几乎所有的小图标,十分方便。
4. Easy Mork: [easy-mock](www.easy-mock.com) 用于后台的模拟,得到JSON数据;
5. weui框架引入, 例如个人信息界面,用weui可以很快很方便的做
#### 2.项目开发
微信小程序开发和传统的H5开发还是有些不同的, 容易踩坑。
小程序是基于MVVM的的框架,合理利用数据绑定实现界面的更新是很关键的
开发时不要一股脑的写写写,多看看文档,你会发现你不小心原生写了个组件。。
#### 3.项目发布
进入开发平台,注册项目信息->在编辑器中上传版本->在开发版本中选择提交审核->审核通过->项目上线
### 1.首页轮播图
轮播有几种形式, 比如常见的横向海报图片展示, 还有横纵向商品列表展示,头条信息框轮换
siwper组件很好的实现了横向海报图片展示,比如
```
<swiper indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}">
<block wx:for="{{imgUrls}}" wx:key="index">
<swiper-item>
<image src="{{item}}" class="slide-image" />
</swiper-item>
</block>
</swiper>
```
然而横向滑动需要注意些别的细节
首先要给swiper组件加上scroll-x-="true"
然后给轮播的子元素父容器设置display: inline-block; white-space: nowrap;
头条信息框转换采用上下轮换, 使用scroll-view嵌套swiper完成
```
<scroll-view scroll-y-="true" >
<swiper autoplay="{{autoplay}}" interval="{{interval1}}" duration="{{duration}}" vertical="true">
<block wx:for="{{something}}" wx:key="index">
//内容
</block>
</swiper>
</scroll-view>
```
## 总结
1. 微信小程序的组件,API很强大,需要不断的探索,不断的学习,多看文档
2. 善于利用有效资源, 比如iconfont esay-moc weui等
3. 切页面要细心,善于利用弹性布局等布局方法,小程序的rpx确实很好用
4. 不要一股脑的写代码, 当函数具有复用性,应该抽象出来,封装好,这样代码才易于维护,易读
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
《计算机毕业设计:基于微信小程序的家政预约管理程序》是一项集实用性、教育性与创新性于一体的优质计算机学习资源。它旨在为本科生的课程设计、毕业设计以及小程序开发学习提供全面而深入的指导。 该资源包不仅包含了完整的源码,还附带了详尽的说明文档以及实际运行截图,确保了学习者能够轻松上手,深入理解家政预约管理程序的开发过程。源码方面,采用了微信小程序的开发框架,保证了程序的稳定性和可扩展性。通过精细化的代码组织和逻辑设计,该程序实现了家政服务的在线预约、管理、查询等功能,为用户提供了便捷的家政服务体验。 说明文档则对程序的每一个模块、每一个功能点都进行了详尽的解释,从需求分析、系统设计到实现细节,都一一呈现。这不仅有助于学习者快速掌握小程序开发的核心知识,还能为他们的项目实践提供有力的参考。 运行截图则直观地展示了家政预约管理程序的实际运行效果,包括界面设计、操作流程、功能实现等方面,让学习者能够更直观地了解程序的特点和优势。 此外,该资源还附赠了专业的计算机答辩PPT模板,为学习者的毕业设计答辩提供了极大的便利。模板设计精美、内容结构清晰,学习者只需根据自己的项目内容进行简单修改。
资源推荐
资源详情
资源评论
收起资源包目录
基于微信小程序的家政预约管理程序(源码+说明+截图).zip (57个子文件)
基于微信小程序的家政预约管理程序(源码+说明+截图)
说明.txt 1KB
300套计算机本科毕业设计题目.xlsx 19KB
jiazheng
截图
泉州大白网络科技.png 409KB
pages
index
index.wxml 2KB
index.js 3KB
index.json 2B
index.wxss 1KB
order
orderAddress.js 5KB
orderProducts.wxss 341B
orderAddress.wxss 1KB
orderAddress.json 41B
orderProducts.js 973B
orderProducts.wxml 210B
orderAddress.wxml 2KB
orderProducts.json 2B
myYuyue
myYuyue.wxml 2KB
myYuyue.wxss 1KB
myYuyue.json 48B
myYuyue.js 2KB
my
my.wxml 2KB
my.wxss 934B
my.js 553B
my.json 2B
meirongshi
meirongshi.wxss 978B
meirongshi.json 2B
meirongshi.wxml 1KB
meirongshi.js 864B
myAddress
myAddress.wxml 909B
myAddress.wxss 727B
myAddress.json 47B
myAddress.js 1KB
product
product.wxml 1KB
product.js 953B
product.json 48B
product.wxss 2KB
app.json 936B
project.config.json 458B
app.js 897B
utils
api.js 5KB
util.js 3KB
config.js 1KB
app.wxss 522B
images
icon_address.png 889B
icon_yuyue.png 761B
me.png 2KB
my_header_bg.jpg 143KB
icon_discount.png 1KB
index_selected.png 523B
icon_rightgo.png 387B
index.png 504B
me_selected.png 2KB
meirongshi_selected.png 1KB
meirongshi.png 1KB
icon_order.png 800B
icon.png 36KB
README.md 3KB
计算机专业炫酷答辩PPT模板.zip 339.51MB
共 57 条
- 1
资源评论
- 2301_796491462024-03-26总算找到了想要的资源,搞定遇到的大问题,赞赞赞!
小新要变强
- 粉丝: 2w+
- 资源: 539
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功