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

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

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

    转载地址:(JAVA后端)微信小程序-毕设级项目搭建-微信阅读小程序(内含源码,微信小程序+java逻辑后台+vue管理系统)~不求完美,实现就好 转载请注明出处 一.环境搭建 相关环境软件:JDK1 ...

  2. java小程序源码_【小程序源码分享】基于Java开发的物业管理系统!

    前言 大家好,我是it分享师,今天给大家带来一个基于Springmvc开发的物业管理系统,微信小程序的源码! 使用技术 本套系统有两个入口,一个是微信小程序端主要是面向用户,另一个是基于spring, ...

  3. 计算机毕设(附源码)JAVA-SSM基于Java的茶叶销售管理系统

    项目运行 环境配置: Jdk1.8 + Tomcat7.0 + Mysql + HBuilderX(Webstorm也行)+ Eclispe(IntelliJ IDEA,Eclispe,MyEclis ...

  4. Python 制作《小说阅读器》,源码及打包程序

    小说阅读器的用户界面部分代码: # -*- coding: utf-8 -*-from tkinter import * from tkinter import filedialog import o ...

  5. 到家服务公司php源码,微信小程序-仿五洲到家商城源码

    微信小程序-仿五洲到家商城源码 微信小程序仿五洲到家商城源码是一款精仿五洲到家app界面的小程序源码,适用于各类小程序商城系统,功能及模块均值得借鉴! 对应功能模块 > * 首页(定位成功情况且 ...

  6. 用于校园流浪猫信息记录和分享的小程序源码/微信云开发中大猫谱小程序源码

    用于校园流浪猫信息记录和分享的小程序源码/微信云开发中大猫谱小程序源码 ☑️ 编号:ym478 ☑️ 品牌:无 ☑️ 语言:微信小程序 ☑️ 大小:6.5MB ☑️ 类型:校园流浪猫信息记录和分享 ☑ ...

  7. 教育培训学校源码微信小程序源码下载,带课件/习题/活动插件,支持小程序与公众号双版本

    这是一款超强大教育培训学校源码 内含超强大超多的功能 大家看文章末的后台管理就能知道到底有多强大了 比如功能有以下等等功能 课程功能,商城管理,多人团购,限时抢购,接龙团,砍价功能,课程团购,课程包 ...

  8. 微信小程序/uni-app 蓝牙打印开发教程和常见问题总结【文末附源码】

    微信小程序/uni-app 蓝牙打印开发教程和常见问题总结[文末附源码] 文章目录 微信小程序/uni-app 蓝牙打印开发教程和常见问题总结[文末附源码] 1️⃣ 写在前面 2️⃣ 蓝牙连接流程 3 ...

  9. 【小程序源码】小游戏神器新UI版本带特效和音效,缩减版本微信小程序源码下载

    这是一款也是自带音效和特效的微信小程序源码 由多个小游戏组合而成,具体如下: 大话骰(带音效) 愤怒大叔(带音效,多个皮肤模板用户可选择) 指尖轮盘(带音效特效) 剪刀石头布(带音效特效) 789骰子 ...

最新文章

  1. 如何设计可自学习的五子棋AI?
  2. 解决 DNS general: warning: *** POKED TIMER ***
  3. 国外方案 组件化_网页webp解决方案
  4. python 提取前五行_Pandas 1:如何在Python中载入数据集
  5. figma下载_Figma中的动态内容和颜色
  6. 嵌套页面h5怎么调起手机文件_让微信公众号文章排版像网页h5一样高大上
  7. 可有可无的Mysql工作技巧
  8. 降为千元机!小米6X 6+64G版到手价999元
  9. 随机过程通过线性系统matlab,随机信号分析实验:随机过程通过线性系统的分析.doc...
  10. 上月和本月对比叫什么_环比增长率怎么算月度(本周比上周是同比还是环比)...
  11. 宝塔面板强制绑定手机号码解决办法
  12. 达叔走了,别只发声感叹就完了
  13. larvel html转pdf文件,如何在Laravel中使用TCPDF从HTML生成PDF
  14. win10任务栏卡死桌面正常的解决方法
  15. Android Studio 2.2 JNI编译及Rxjava使用初级
  16. 什么是disjoint-support?
  17. 新基建时代,5万亿市值腾讯还有大发展
  18. 剪视频一点都不难,多款超实用剪辑软件全方位评测!
  19. Hive 客户端工具
  20. kesioncms (科讯cms) 6.x-8.x版本写入任意内容文件漏洞

热门文章

  1. 力扣 leetcode 1046. 最后一块石头的重量 (python)
  2. 想要成为一个游戏美术设计师,需要学习什么?游戏建模教程
  3. 英文字母html,利用HTML5实现英文字母ABCD动画特效
  4. 起底被阿里相中的汇通达:另类农村电商独角兽如何炼成
  5. 用ul、li做横向导航
  6. c语言生日快乐爱心,C语言 生日快乐
  7. 51单片机实现跟随小车
  8. DBA常用命令——数据库导入导出文件
  9. STM32的SPI外设片选只有一个怎么破?
  10. php 类型 打印机,php LPR打印机类