【开源项目】使用uniapp开发的分享类小程序项目
1. 项目介绍
该项目是使用uniapp开发的,可以适配多端,测试场景主要有在H5和微信小程序两端,故以下介绍均以微信小程序端为主介绍。
小程序主要是以分享为主题,分享各类网站、软件等资源,主要包括四大模块,后续主要围绕这四大模块介绍:推荐模块:推荐热门的网站和资源等网站模块:分享有趣的网站等资源模块:分享各类资源个人中心:包含注册和登录
2. 项目整体架构
3. 项目功能介绍
小程序主要包含的功能如下:邮箱登录邮箱注册评论点赞头像修改权限控制轮播图查看我的点赞查看我的评论忘记密码签名修改
......
3.1 首页推荐
首页推荐主要展示相关推荐内容,推荐内容通过接口获取,用户可在后台动态配置,界面如下:
3.2 网站列表
主要展示网站大的分类列表,如影视、书籍等等,本页面还包括轮播图,轮播图和分类列表都是通过接口获取,可在后台配置,界面如下:
3.3 资源页面
该页面主要用于分享各类资源,资源通过分类区别开来,头部是轮播图,本页面所有内容都可以通过后台配置,页面如下:
3.4 个人中心
在个人中心可以查看个人的相关信息,以及进行相应的设置,进行签到等等,还可以查看与自己相关的评论和点赞等,页面如下:
3.5 网站列表详情
通过首页网站列表可以进入列表详情,页面如下:
3.6 网站详情
点击对应的网站卡片可进入对应的详情,页面如下:
3.7 资源详情
主要展示资源的详情,可以参与评论、点赞等等,页面如下:
3.8 评论功能
每个注册用户可以在资源等栏目下进行评论,页面如下:
3.9 注册功能
为了适用性更加广泛,这里没有直接使用微信的用户信息,而是让用户通过邮箱自己注册,页面如下:
3.10 登录功能
用户通过邮箱进行登录,页面如下
3.11 用户评价
用户可以针对小程序进行评价,并且可以查看到所有用户的评价,页面如下:
4. 项目安装
直接将项目克隆到本地,使用Hbuilder打开即可,需要注意的是需要修改几处地方,具体步骤如下:
4.1 克隆项目
4.2 修改接口地址
修改/config/index.js配置文件,将后台地址修改为自己的:
4.3 修改uniapp相关配置
修改manifest文件,根据自己需要配置。
4.4 web管理端安装
小程序配有管理端网站,可以进行一些菜单或者权限上的配置,项目也是开源的。
项目地址:GitHub - Hacker233/navigation: 网址导航项目,包含前台和后台管理。
线上体验地址:小猪导航
管理员账号登录即可看到对应的管理菜单。
菜单管理:
图标管理:
等等,还有很多管理菜单。
4.5 后台项目安装
后台项目由于有一些服务器相关的信息,所以目前还是私有项目,如果想安装后端项目,可关注公众号【资料分享大师】后,加小编微信后获取即可。
后台项目主要使用的是Nodejs,数据库使用的是MongoDB、数据存储服务使用的minio。
所以,如果想要完成运行后台项目,需要配置好数据库地址以及minio服务地址。
5. 完全运行此项目步骤
克隆uniapp项目,修改配置克隆web管理端项目(非必须)关注【资料分享大师】获取后台项目(非必须)
其中管理端和后台都是非必须的,接口也可以使用我目前线上的接口,当然也可以自己编写后台和管理端。
6. 体验地址
微信公众号: 【资料分享大师】
小程序:【科技趣玩】
web管理端地址:小猪导航
所有项目GitHub:https://github.com/Hacker233