[置顶] 微信小程序-毕设级项目搭建(内含源码,微信小程序+java后台+MySQL数据库)~不求完美,实现就好
2018-03-20 13:37
1196 查看
一、环境搭建
参考教程:https://blog.csdn.net/u012888052/article/details/79623229
二、根据上方教程新建的项目,编写对应程序
第一次做的小程序,是一款阅读器软件,包括了简单的文章浏览、历史回顾、签到功能、绑定账号等功能。
1、项目结构如图:
第一个小程序项目,功能相对简单,练手足以
。
2、项目代码结构:
3、项目配置相关文件:
app.js 用于存储共有的、全局的js函数
app.json 用于存储全局变量,用于配置属性
app.wxss 用于存储全局样式
project.config.json 用于配置项目属性,项目名称等
4、样式由于比较生疏,大家别介意~还是那句话,功能实现就好。。。
主要页面(很多样式没有调整):
欢迎页是拷贝的其他项目,原因是:我不会做动态效果,但又想用动效
需要改动三个文件,源代码可以慢慢研究,最下面会贴出源码:
首页:
微信小程序,可以获取到微信基本信息,包括头像、昵称等,项目中放置在了app.js文件中,调用了微信内部的接口。
分类页:
页面初始数据没有写,所以是空白页,点击左上方菜单按钮,或者向右滑,主页面会左移,展示出科目菜单。
点击对应菜单,会显示对应分类的文章,如下图:
点击文章列表,可进入对应的文章阅读,下面是阅读页(还是那句话,样式丑点没关系,先实现功能。。。再调整
):
在分类主页右上方,有主题选项,对应了8种主题背景,是比较温和护眼的主题,点击喜欢的颜色主题,可进行切换。
“我的”页:
以上,是项目主要页面,源代码地址:
小程序源码地址:https://download.csdn.net/download/u012888052/10297406
java项目地址(代码中含数据库):https://download.csdn.net/download/u012888052/10297417
项目还需优化、完善,博客写的不完善的地方,还请多多包含~ 错误的地方,还请留言指正
。
作者:Happy王子乐
微信:Happy-wjl
QQ:820155406
下面放上相关福利资源:
一个牛人的总结地址(我转载的),需要的可以照样式copy,再改成自己需要的样式:http://blog.csdn.net/u012888052/article/details/79623346
如果觉得本博文有用的话就多多点赞关注转发,您的鼓励是我最大的创作动力!
参考教程:https://blog.csdn.net/u012888052/article/details/79623229
二、根据上方教程新建的项目,编写对应程序
第一次做的小程序,是一款阅读器软件,包括了简单的文章浏览、历史回顾、签到功能、绑定账号等功能。
1、项目结构如图:
第一个小程序项目,功能相对简单,练手足以
。
2、项目代码结构:
3、项目配置相关文件:
app.js 用于存储共有的、全局的js函数
app.json 用于存储全局变量,用于配置属性
app.wxss 用于存储全局样式
project.config.json 用于配置项目属性,项目名称等
4、样式由于比较生疏,大家别介意~还是那句话,功能实现就好。。。
主要页面(很多样式没有调整):
欢迎页是拷贝的其他项目,原因是:我不会做动态效果,但又想用动效
需要改动三个文件,源代码可以慢慢研究,最下面会贴出源码:
首页:
微信小程序,可以获取到微信基本信息,包括头像、昵称等,项目中放置在了app.js文件中,调用了微信内部的接口。
分类页:
页面初始数据没有写,所以是空白页,点击左上方菜单按钮,或者向右滑,主页面会左移,展示出科目菜单。
点击对应菜单,会显示对应分类的文章,如下图:
点击文章列表,可进入对应的文章阅读,下面是阅读页(还是那句话,样式丑点没关系,先实现功能。。。再调整
):
在分类主页右上方,有主题选项,对应了8种主题背景,是比较温和护眼的主题,点击喜欢的颜色主题,可进行切换。
“我的”页:
以上,是项目主要页面,源代码地址:
小程序源码地址:https://download.csdn.net/download/u012888052/10297406
java项目地址(代码中含数据库):https://download.csdn.net/download/u012888052/10297417
项目还需优化、完善,博客写的不完善的地方,还请多多包含~ 错误的地方,还请留言指正
。
作者:Happy王子乐
微信:Happy-wjl
QQ:820155406
下面放上相关福利资源:
一个牛人的总结地址(我转载的),需要的可以照样式copy,再改成自己需要的样式:http://blog.csdn.net/u012888052/article/details/79623346
如果觉得本博文有用的话就多多点赞关注转发,您的鼓励是我最大的创作动力!
相关文章推荐
- [置顶] 600多个微信小程序源码涵盖各个行业大部分带后台持续更新中
- [置顶] 微信小程序与Java后台的通信
- 微信小程序 支付后台java实现实例
- 【java项目实践】详解Ajax工作原理以及实现异步验证用户名是否存在+源码下载(java版)
- java 二维码生成与解析代码实现,程序源码下载可用
- Jquery EasyUI +Ajax +Json +一般处理程序 实现数据的前台与后台的交互 --- 善良公社项目
- 项目源码分享之[条码扫描后台监控程序]
- Android能否实现一键清理后台程序后程序自启动(类似QQ微信不被清理软件杀死)
- Java程序在Linux中实现后台运行
- 简单记事本程序java源码项目
- 使用spring-loaded开源项目,实现java程序和web应用的热部署
- 后台调用外部程序的完美实现
- java实现连接mysql数据库单元测试查询数据项目分享
- 后台调用外部程序的完美实现
- 【java项目实践】详解Ajax工作原理以及实现异步验证用户名是否存在+源码下载(java版)
- java实现连接mysql数据库单元测试查询数据项目分享
- [置顶] 中国象棋程序的设计与实现–楚汉棋兵(高级版)(源码)
- java中使用双向链表实现贪吃蛇程序源码分享
- [置顶] 中国象棋程序的设计与实现(高级版)(项目截图)
- 【转】后台调用外部程序的完美实现