您的位置:首页 > 移动开发 > 微信开发

[置顶] 微信小程序-毕设级项目搭建(内含源码,微信小程序+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

如果觉得本博文有用的话就多多点赞关注转发,您的鼓励是我最大的创作动力!
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: