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

入门项目 同时被 3 个专栏收录
12 篇文章 2 订阅
9 篇文章 1 订阅
9 篇文章 0 订阅

转载地址:(微信小程序)微信小程序-毕设级项目搭建-微信阅读小程序(内含源码,微信小程序+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王子乐  

 

 

 

 

 

©️2021 CSDN 皮肤主题: 技术黑板 设计师:CSDN官方博客 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值