获取项目源代码:扫码下方小程序获取或者加作者微信获取
1.简介
小程序图书阅读项目是使用uni-app编写的小程序图书阅读项目,项目前后端分离,小程序使用uni-app,后台管理使用vue2+elementUI,后端使用SpringBoot+SpringCloudAlibaba编写的实用小项目并且加入了微信小程序支付和腾讯云短信sms,该项目只要拿到源代码修改配置即可以运行发布上线…
2.体验
截图:
3.技术栈
小程序技术:uni-app
后台管理技术:Vue2 + ElementUI
后台技术:SpringBoot+SpringCloudAlibaba+Nacos+MySQL+Redis+微信小程序支付+腾讯云短信sms
4.项目运行所需工具
这里只是列所需要的工具,版本并不需要完全对应,自行调节即可
1.nginx-1.21.4 http://nginx.org/download/nginx-1.21.4.zip
2.nacos-server-1.1.4 https://github.com/alibaba/nacos/releases/tag/1.1.4
3.Redis-x64-5.0.14.msi https://github.com/tporadowski/redis/releases
4.mysql-installer-community-8.0.27.1.msi https://dev.mysql.com/downloads/installer/
5.apache-maven-3.6.3 https://maven.apache.org/download.cgi
6.HBuilderX https://www.dcloud.io/hbuilderx.html
7.微信web开发者工具 https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
8.IntelliJ IDEA https://www.jetbrains.com/idea/download/#section=windows
配置文件
nginx.conf
#user nobody;
worker_processes 1;
#error_log logs/error.log;
#error_log logs/error.log notice;
#error_log logs/error.log info;
#pid logs/nginx.pid;
events {
worker_connections 1024;
}
http {
include mime.types;
default_type application/octet-stream;
#log_format main '$remote_addr - $remote_user [$time_local] "$request" '
# '$status $body_bytes_sent "$http_referer" '
# '"$http_user_agent" "$http_x_forwarded_for"';
#access_log logs/access.log main;
sendfile on;
#tcp_nopush on;
#keepalive_timeout 0;
keepalive_timeout 65;
#gzip on;
server {
listen 80;
server_name localhost;
#charset koi8-r;
#access_log logs/host.access.log main;
location / {
root html;
index index.html index.htm;
}
location /user {
proxy_pass http://127.0.0.1:2020/user;
}
location /tencent {
proxy_pass http://127.0.0.1:1010/tencent;
}
location /interview {
proxy_pass http://127.0.0.1:8181/interview;
}
#error_page 404 /404.html;
# redirect server error pages to the static page /50x.html
#
error_page 500 502 503 504 /50x.html;
location = /50x.html {
root html;
}
# proxy the PHP scripts to Apache listening on 127.0.0.1:80
#
#location ~ \.php$ {
# proxy_pass http://127.0.0.1;
#}
# pass the PHP scripts to FastCGI server listening on 127.0.0.1:9000
#
#location ~ \.php$ {
# root html;
# fastcgi_pass 127.0.0.1:9000;
# fastcgi_index index.php;
# fastcgi_param SCRIPT_FILENAME /scripts$fastcgi_script_name;
# include fastcgi_params;
#}
# deny access to .htaccess files, if Apache's document root
# concurs with nginx's one
#
#location ~ /\.ht {
# deny all;
#}
}
# another virtual host using mix of IP-, name-, and port-based configuration
#
#server {
# listen 8000;
# listen somename:8080;
# server_name somename alias another.alias;
# location / {
# root html;
# index index.html index.htm;
# }
#}
# HTTPS server
#
#server {
# listen 443 ssl;
# server_name localhost;
# ssl_certificate cert.pem;
# ssl_certificate_key cert.key;
# ssl_session_cache shared:SSL:1m;
# ssl_session_timeout 5m;
# ssl_ciphers HIGH:!aNULL:!MD5;
# ssl_prefer_server_ciphers on;
# location / {
# root html;
# index index.html index.htm;
# }
#}
}
settings.xml
<?xml version="1.0" encoding="UTF-8"?>
<settings>
<mirrors>
<mirror>
<id>alimaven</id>
<name>aliyun maven</name>
<url>http://maven.aliyun.com/nexus/content/groups/public/</url>
<mirrorOf>central</mirrorOf>
</mirror>
</mirrors>
<profiles>
<profile>
<id>nexus</id>
<repositories>
<repository>
<id>nexus</id>
<name>local private nexus</name>
<url>http://maven.oschina.net/content/groups/public/</url>
<releases>
<enabled>true</enabled>
</releases>
<snapshots>
<enabled>false</enabled>
</snapshots>
</repository>
</repositories>
<pluginRepositories>
<pluginRepository>
<id>nexus</id>
<name>local private nexus</name>
<url>http://maven.oschina.net/content/groups/public/</url>
<releases>
<enabled>true</enabled>
</releases>
<snapshots>
<enabled>false</enabled>
</snapshots>
</pluginRepository>
</pluginRepositories>
</profile></profiles>
</settings>
5.项目运行步骤
前提:
1.配置好环境,如IDEA的配置和maven的配置
2.把所需要的软件下载好
项目截图:
1.把项目导入idea,确保依赖包下载完全,没有报错
2.按截图所标的顺序,把项目 install到maven仓库
3.配置application-dev.yml,修改相关配置,如自己的MySQL、redis、nacos信息,其中标号是1、2、3的项目不需要配置和运行,只是基础依赖模块。
4.把数据库文件导入到相应的数据
5.运行启动nacos
登录链接: http://localhost:8848/nacos/#/login 用户和密码默认都是nacos
6.依次运行项目标号4、5、5项目
查看nacos注册中心服务有没有注册上去,如果没有检查原因
7、启动nginx
8、运行前端项目
8.1、运行crazyfur-admin-ui
1、npm install
2、npm run dev
8.2、运行WeixinBookMiniApp
1、运行WeixinBookMiniApp之前记得在HBuilderX中配置微信开发者工具,并且启动微信开发者工具
tip:不会的自行百度哦
运行效果
不成功多检查一下哦,或者问一下作者也可以的 (:
第三方开发文档
微信官方开发文档:https://developers.weixin.qq.com/doc/
腾讯云短信:https://cloud.tencent.com/document/api/382
elemntui: https://element.eleme.cn/#/zh-CN