微信小程序图书阅读项目 （：

获取项目源代码：扫码下方小程序获取或者加作者微信获取

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