### 项目初览
> 小程序,开发工具导入项目即可查看源码分享
## 小程序设计过程
小程序是一个易上手的东西, 对于新手来说,多看官方文档,可以初步做出比较完整的小程序,正是因为简单上手,功能实现简单,小程序是越来越火,商业价值也越来越大。
#### 1.项目工具和文档
1. 微信web开发者工具:微信小程序官网 这是个比较好用的编辑器,对于小程序编辑很方便。
2. 开发文档:微信小程序宝典秘籍 通过这个查找微信小程序的API,组件,框架等等。
3. 图标库: Iconfont-阿里巴巴矢量图标库 这个可以找到自己想要的几乎所有的小图标,十分方便。
4. Easy Mork: easy-mock 用于后台的模拟,得到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 (84个子文件)
基于微信小程序的类知乎小程序(源码+说明+截图)
知乎
v_index.png 35KB
weapp-wechat-zhihu-master
pages
more
more.js 485B
more.wxml 2KB
more.wxss 1KB
more.json 42B
notify
notify.js 286B
notify.wxss 930B
notify.json 36B
notify.wxml 4KB
index
index.wxml 2KB
index.js 2KB
index.json 5B
index.wxss 817B
answer
answer.wxml 4KB
answer.wxss 3KB
answer.js 579B
answer.json 42B
chat
chat.wxml 843B
chat.js 1KB
chat.wxss 805B
chat.json 42B
question
question.wxss 4KB
question.js 576B
question.json 42B
question.wxml 9KB
discovery
discovery.json 36B
discovery.wxss 464B
discovery.js 2KB
discovery.wxml 2KB
app.json 1KB
app.js 719B
data
data_index.js 6KB
data_index_next.js 6KB
data_discovery_next.js 6KB
data_discovery.js 6KB
utils
util.js 1KB
app.wxss 3KB
images
icon8.jpg 15KB
comment2.png 1KB
flag.png 2KB
icon1.jpeg 82KB
more.png 3KB
star2.png 5KB
v_index.png 35KB
v_discovery.png 51KB
discovery.png 5KB
navigation.gif 1.13MB
live.png 4KB
allread.png 2KB
burger.png 3KB
top_tab.gif 152KB
chat.png 4KB
write.png 3KB
24213.jpg 141KB
recent.png 5KB
burger_focus.png 3KB
search.png 4KB
index_scroll.gif 969KB
icon9.jpeg 58KB
bottom_tab.gif 230KB
eye.png 4KB
1444983318907-_DSC1826.jpg 103KB
book.png 2KB
chat_focus.png 4KB
index.png 3KB
heart2.png 4KB
lighting.png 3KB
index_focus.png 3KB
discovery_focus.png 5KB
good-bad.png 3KB
zhi.png 4KB
invite.png 3KB
draft.png 2KB
star.png 4KB
ring_focus.png 3KB
ring.png 3KB
24280.jpg 473KB
comment.png 3KB
README.md 886B
bottom_tab.gif 230KB
README.md 3KB
说明.txt 1KB
300套计算机本科毕业设计题目.xlsx 19KB
计算机专业炫酷答辩PPT模板.zip 339.51MB
共 84 条
- 1
资源评论
- weixin_418014862024-05-15资源使用价值高,内容详实,给了我很多新想法,感谢大佬分享~
小新要变强
- 粉丝: 2w+
- 资源: 539
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功