（微信小程序）微信小程序-毕设级项目搭建-微信阅读小程序（内含源码，微信小程序+java逻辑后台+vue管理系统）~不求完美，实现就好

转载地址：（微信小程序）微信小程序-毕设级项目搭建-微信阅读小程序（内含源码，微信小程序+java逻辑后台+vue管理系统）~不求完美，实现就好

转载请注明出处

作者：Happy王子乐

个人网站（整理了部分学习资料）：http://www.demxy.com/
个人GitHub（喜欢的还请点个Star、flow一下）：https://github.com/HappyWjl
相关文章：
（微信小程序）微信小程序-毕设级项目搭建-微信阅读小程序（内含源码，微信小程序+java逻辑后台+vue管理系统）~不求完美，实现就好
（JAVA后端）微信小程序-毕设级项目搭建-微信阅读小程序（内含源码，微信小程序+java逻辑后台+vue管理系统）~不求完美，实现就好
（vue管理系统）微信小程序-毕设级项目搭建-微信阅读小程序（内含源码，微信小程序+java逻辑后台+vue管理系统）~不求完美，实现就好
（vue管理系统）微信小程序-毕设级项目搭建-微信小程序商城（内含源码，微信小程序+java逻辑后台+vue管理系统）~不求完美，实现就好
（JAVA后端）微信小程序-毕设级项目搭建-微信小程序商城（内含源码，微信小程序+java逻辑后台+vue管理系统）
（vue博客前台）vue系统-毕设级项目搭建-vue博客系统（内含源码，vue博客前台+java逻辑后台+vue管理系统）
（java逻辑后台）vue系统-毕设级项目搭建-vue博客系统（内含源码，vue博客前台+java逻辑后台+vue管理系统）
（vue管理系统）vue系统-毕设级项目搭建-vue博客系统（内含源码，vue博客前台+java逻辑后台+vue管理系统）
（微信小程序）微信小程序-毕设级项目搭建-微信小程序商城（内含源码，微信小程序+java逻辑后台+vue管理系统）

一、环境搭建

参考教程：https://blog.csdn.net/u012888052/article/details/79623229

二、相关技术栈

css：略

javascript：略

axios：一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中，用于前后端交互，发起接口请求。

weui：一个基于微信小程序的组件库。

三、根据上方教程新建的项目，编写对应程序

        第一次做的小程序，是一款阅读器软件，包括了简单的文章浏览、历史回顾、签到功能、绑定账号等功能。

        1、项目结构如图：        

        第一个小程序项目，功能相对简单，练手足以。

        2、项目代码结构：

        3、项目配置相关文件：

                

        app.js 用于存储共有的、全局的js函数

        app.json 用于存储全局变量，用于配置属性

        app.wxss 用于存储全局样式

        project.config.json 用于配置项目属性，项目名称等

        weui.wxss 使用现成组件，美化样式

        4、样式由于比较生疏，大家别介意~还是那句话，功能实现就好。。。

              主要页面（很多样式没有调整）：

欢迎页是拷贝的其他项目，原因是：我不会做动态效果，但又想用动效

        首页：

 

微信小程序，可以获取到微信基本信息，包括头像、昵称等，项目中放置在了app.js文件中，调用了微信内部的接口。

分类页：

点击左上方菜单按钮，或者向右滑，主页面会左移，展示出科目菜单。

点击对应菜单，会显示对应分类的文章，如下图：

点击文章列表，可查看对应的类别列表

点击对应的文章，可浏览文章

文章内容展示了文章标题、收藏状态、标签“古诗词”、文章内容，并且支持样式展示，后台可自行设定格式，极个别样式微信小程序不支持，建议编辑完后自行检查。目前 字体加粗、背景颜色、字体颜色、文字斜体 都可以支持，如图。

在分类主页右上方，有主题选项，对应了8种主题背景，是比较温和护眼的主题，点击喜欢的颜色主题，可进行切换。

 

“我的”页：

点击“我的收藏”，可查看已收藏文章：

点击阅读历史，可查看浏览历史：

 

以上，转载自：http://www.demxy.com/article?id=9

小程序前端讲解地址：https://blog.csdn.net/u012888052/article/details/79623292

java后台项目讲解地址：https://blog.csdn.net/u012888052/article/details/80015340

vue管理系统讲解地址：https://blog.csdn.net/u012888052/article/details/94741999

----------------------------------------------

作者：Happy王子乐