├── .gitignore ├── Readme.md ├── doc ├── doc.md └── 表结构.docx ├── server ├── manage.py ├── myapp │ ├── __init__.py │ ├── admin.py │ ├── apps.py │ ├── auth │ │ ├── MyRateThrottle.py │ │ ├── __init__.py │ │ └── authentication.py │ ├── cf │ │ ├── UserCF.py │ │ └── __init__.py │ ├── handler.py │ ├── middlewares │ │ ├── LogMiddleware.py │ │ └── __init__.py │ ├── models.py │ ├── permission │ │ ├── __init__.py │ │ └── permission.py │ ├── serializers.py │ ├── urls.py │ ├── utils.py │ └── views │ │ ├── __init__.py │ │ └── index │ │ ├── __init__.py │ │ ├── classification.py │ │ ├── comment.py │ │ ├── feedback.py │ │ ├── notice.py │ │ ├── order.py │ │ ├── thing.py │ │ └── user.py ├── python_mall.sql ├── readme.md ├── requirements.txt ├── server │ ├── __init__.py │ ├── asgi.py │ ├── settings.py │ ├── urls.py │ └── wsgi.py └── upload │ ├── ad │ ├── 1717248427687.jpeg │ ├── 1721137389652.jpeg │ └── 1721137395524.jpeg │ ├── avatar │ ├── 1716017756768.png │ ├── 1716017945368.jpeg │ ├── 1716017953831.png │ ├── 1716018100946.png │ ├── 1716018106970.jpeg │ ├── 1717249502324.jpeg │ └── 1721137786035.png │ ├── cover │ ├── 1716043254213.jpeg │ ├── 1716083189595.jpeg │ ├── 1716083199860.jpeg │ ├── 1716083209737.jpeg │ ├── 1716083281670.jpeg │ ├── 1716083301393.jpeg │ ├── 1716087863555.jpeg │ ├── 1717249309482.jpeg │ ├── 1717249816837.jpeg │ ├── 1717297292698.jpeg │ ├── 1717297298858.jpeg │ ├── 1717297305179.jpeg │ ├── 1717297311519.jpeg │ ├── 1717297318288.jpeg │ ├── 1717297652697.jpeg │ ├── 1720966756430.jpeg │ ├── 1721050614545.jpeg │ ├── 1721050716882.jpeg │ ├── 1721050731450.jpeg │ ├── 1721050752492.jpeg │ ├── 1721050774821.jpeg │ ├── 1721050789488.jpeg │ ├── 1721050833371.jpeg │ ├── 1721050856519.jpeg │ ├── 1721050883264.jpeg │ └── 1721050972272.jpeg │ └── img │ ├── 111.jpg │ ├── 222.jpg │ ├── 333.jpg │ ├── 444.jpg │ ├── Wechat.jpeg │ └── weixin.png ├── web ├── .eslintignore ├── .eslintrc.js ├── .gitignore ├── .stylelintignore ├── README.md ├── build │ ├── constant.ts │ └── vite │ │ └── plugins │ │ ├── autoImport.ts │ │ ├── component.ts │ │ ├── compress.ts │ │ ├── imagemin.ts │ │ ├── index.ts │ │ ├── progress.ts │ │ ├── restart.ts │ │ ├── unocss.ts │ │ └── visualizer.ts ├── index.html ├── package-lock.json ├── package.json ├── postcss.config.js ├── prettier.config.js ├── public │ ├── ico.png │ └── images │ │ ├── admin-login-bg.jpg │ │ ├── admin-login-bg2.jpg │ │ └── demo.jpg ├── src │ ├── App.vue │ ├── api │ │ └── index │ │ │ ├── ad.js │ │ │ ├── address.js │ │ │ ├── classification.js │ │ │ ├── comment.js │ │ │ ├── feedback.js │ │ │ ├── notice.js │ │ │ ├── order.js │ │ │ ├── thing.js │ │ │ ├── thingCollect.js │ │ │ ├── thingWish.js │ │ │ └── user.js │ ├── assets │ │ ├── fonts │ │ │ ├── Blimone-ExtraBold.woff │ │ │ ├── Blimone-ExtraLight.woff │ │ │ ├── Blimone-Light.woff │ │ │ └── Blimone-Regular.woff │ │ ├── icons │ │ │ ├── logo.png │ │ │ └── svg │ │ │ │ ├── github.svg │ │ │ │ ├── logo.svg │ │ │ │ ├── marks.svg │ │ │ │ ├── test.svg │ │ │ │ ├── ts.svg │ │ │ │ └── twitter.svg │ │ ├── images │ │ │ ├── add.svg │ │ │ ├── address-right-icon.svg │ │ │ ├── ali-pay-icon.svg │ │ │ ├── avatar.jpg │ │ │ ├── background.svg │ │ │ ├── banner-02.webp │ │ │ ├── banner2.svg │ │ │ ├── cart-icon.svg │ │ │ ├── clear-search.svg │ │ │ ├── code-icon.svg │ │ │ ├── delete-icon.svg │ │ │ ├── ebook-download-icon.svg │ │ │ ├── gwc.png │ │ │ ├── ic-admin-logo.png │ │ │ ├── ic-delete.png │ │ │ ├── ic-message.png │ │ │ ├── k-logo.png │ │ │ ├── login-banner.png │ │ │ ├── login.png │ │ │ ├── logo.png │ │ │ ├── mail-icon.svg │ │ │ ├── message-icon.svg │ │ │ ├── order-address-icon.svg │ │ │ ├── order-icon.svg │ │ │ ├── order-point-icon.svg │ │ │ ├── order-thing-icon.svg │ │ │ ├── pwd-hidden.svg │ │ │ ├── pwd-icon.svg │ │ │ ├── read-online-icon.svg │ │ │ ├── recommend-hover.png │ │ │ ├── recommend-hover.svg │ │ │ ├── register-name.svg │ │ │ ├── search-icon.svg │ │ │ ├── searchIcon.svg │ │ │ ├── setting-card-icon.svg │ │ │ ├── setting-icon.svg │ │ │ ├── setting-msg-icon.svg │ │ │ ├── setting-push-icon.svg │ │ │ ├── setting-safe-icon.svg │ │ │ ├── share-icon.svg │ │ │ ├── tel-icon.svg │ │ │ ├── want-read-hover.png │ │ │ ├── want-read-hover.svg │ │ │ ├── wb-share.svg │ │ │ └── wx-pay-icon.svg │ │ └── styles │ │ │ └── base.less │ ├── core │ │ └── bootstrap.js │ ├── main.js │ ├── router │ │ ├── index.js │ │ └── root.js │ ├── store │ │ ├── constants.js │ │ ├── index.js │ │ └── modules │ │ │ ├── app │ │ │ ├── index.ts │ │ │ └── types.ts │ │ │ └── user │ │ │ ├── index.ts │ │ │ └── types.ts │ ├── styles │ │ ├── index.less │ │ └── reset.less │ ├── utils │ │ ├── auth.ts │ │ ├── http │ │ │ └── axios │ │ │ │ ├── index.ts │ │ │ │ ├── status.ts │ │ │ │ └── type.ts │ │ ├── index.ts │ │ └── result.ts │ └── views │ │ └── index │ │ ├── components │ │ ├── footer.vue │ │ └── header.vue │ │ ├── confirm.vue │ │ ├── confirmBuy.vue │ │ ├── detail.vue │ │ ├── feedback.vue │ │ ├── home.vue │ │ ├── index.vue │ │ ├── login.vue │ │ ├── recommend.vue │ │ ├── register.vue │ │ ├── search.vue │ │ ├── success.vue │ │ ├── user │ │ ├── collect-thing-view.vue │ │ ├── comment-view.vue │ │ ├── message-view.vue │ │ ├── mine-infos-view.vue │ │ ├── order-view.vue │ │ ├── security-view.vue │ │ ├── userinfo-edit-view.vue │ │ └── wish-thing-view.vue │ │ └── usercenter.vue ├── stylelint.config.js ├── tsconfig.json ├── types │ ├── auto-imports.d.ts │ ├── components.d.ts │ └── env.d.ts ├── vite.config.ts └── yarn.lock └── 代码说明.txt /.gitignore: -------------------------------------------------------------------------------- 1 | /server/myapp/migrations 2 | /server/myapp/views/__pycache__/ 3 | /server/.idea 4 | /web/.idea 5 | /web/dist 6 | /web/node_modules 7 | /server/.idea/ 8 | /.idea/ 9 | .idea 10 | .idea/workspace.xml 11 | __pycache__ 12 | server/.idea 13 | .DS_Store 14 | server/.DS_Store 15 | web/.DS_Store -------------------------------------------------------------------------------- /Readme.md: -------------------------------------------------------------------------------- 1 | 2 | ## 项目简介 3 | 4 | 5 | >该项目是基于Python+Vue开发的商城管理系统（前后端分离），这是一项为大学生课程设计作业而开发的项目。 6 | 该系统旨在帮助大学生学习并掌握Python编程技能，同时锻炼他们的项目设计与开发能力。通过学习基于Python的网上商城管理系统项目，大学生可以在实践中学习和提升自己的能力，为以后的职业发展打下坚实基础。如需完整源码，可以联系客服微信购买：lengqin1024 7 | 8 | 9 | 10 | ## 在线演示 11 | 12 | 演示地址：[https://mall.gitapp.cn](https://mall.gitapp.cn) 13 | 14 | 15 | 16 | 17 | ## 主要功能 18 | 19 | - 商品管理：管理系统可以录入、修改和查询商品的基本信息，如名称、价格、备注等。 20 | - 类型管理：系统可以管理商品的类型信息，包括类型的名称等。 21 | - 评论管理：管理和浏览整个网站的评论信息。 22 | - 用户管理：管理和浏览网站的用户信息，可以新增、编辑和删除用户。 23 | - 统计分析：系统可以根据商品的活动数据和用户参与度进行统计和分析，帮助管理员了解整个系统的状况。 24 | - 消息管理：商品管理员可以在系统上发布消息，整个网站的用户都能收到。 25 | - 广告管理：商品管理员可以在系统上发布广告消息，然后在详情页面右侧展示。 26 | - 意见反馈：商品管理员可以在后台查看浏览用户提交的意见反馈信息。 27 | - 系统信息：管理员可以查看系统的基本信息，包括系统名称、服务器信息、内存信息、cpu信息、软件信息等。 28 | - 注册登录：用户通过注册和登录后，才能使用网站。 29 | - 门户浏览：用户进入首页后，可以浏览商品列表信息，包括最新、最热。 30 | - 热门推荐：基于协同过滤推荐算法的热门推荐。 31 | - 用户中心：包括用户基本资料修改、用户基本信息、密码、收藏点赞等。 32 | - 我的订单：包括我购买的商品的信息。 33 | - 意见反馈：包括用户提交意见反馈的入口页面。 34 | - 模糊搜索：顶部搜索功能，支持模糊搜索商品信息。 35 | - 商品评论：详情页下侧用户可以评论商品。 36 | 37 | ## 开发环境 38 | 39 | - 后端： Python 3.8 + Django 3.2 40 | - 前端： Javascript + Vue 41 | - 数据库：MySQL 5.7 42 | - 开发平台：Pycharm + vscode 43 | - 运行环境：Windows 10/11 44 | 45 | ## 关键技术 46 | 47 | - 前端技术栈 ES6、vue、vuex、vue-router、vue-cli、axios、antd 48 | - 后端技术栈 Python、Django、pip 49 | 50 | 51 | 52 | ## 运行步骤 53 | 54 | ### 软件准备 55 | 56 | 1. Python 3.8 [下载地址](https://www.python.org/ftp/python/3.8.10/python-3.8.10-amd64.exe) 57 | 2. MySQL 5.7 [下载地址](https://dev.mysql.com/get/Downloads/MySQLInstaller/mysql-installer-community-5.7.44.0.msi) 58 | 3. Node [下载地址](https://nodejs.org/dist/v18.20.2/node-v18.20.2-x64.msi) 59 | 60 | ### 后端运行步骤 61 | 62 | (1) 安装依赖，cd进入server目录下，执行 63 | ``` 64 | pip install -r requirements.txt 65 | ``` 66 | 67 | (2) 创建数据库，创建SQL如下： 68 | ``` 69 | CREATE DATABASE IF NOT EXISTS python_db[your dbname] DEFAULT CHARSET utf8 COLLATE utf8_general_ci 70 | ``` 71 | (3) 恢复数据库数据。在mysql下依次执行如下命令： 72 | 73 | ``` 74 | mysql> use xxx(数据库名); 75 | mysql> source D:/xxx/xxx/xxx.sql; 76 | ``` 77 | 78 | (4) 配置数据库。在server目录下的server下的settings.py中配置您的数据库账号密码 79 | 80 | ``` 81 | DATABASES = { 82 | 'default': { 83 | 'ENGINE': 'django.db.backends.mysql', 84 | 'NAME': 'python_db', # 您的数据库 85 | 'USER': 'root', # 您的用户名 86 | 'PASSWORD': '4643830', # 您的密码 87 | 'HOST': '127.0.0.1', 88 | 'PORT': '3306', 89 | 'OPTIONS': { 90 | "init_command": "SET foreign_key_checks = 0;", 91 | } 92 | } 93 | } 94 | ``` 95 | 96 | (5) 启动django服务。在server目录下执行： 97 | ``` 98 | python manage.py runserver 99 | ``` 100 | 101 | ### 前端运行步骤 102 | 103 | (1) 安装依赖，cd到web目录，执行: 104 | ``` 105 | npm install 106 | ``` 107 | (2) 运行项目 108 | ``` 109 | npm run dev 110 | ``` 111 | 112 | 然后访问前端地址。即可 113 | 114 | 115 | ## 开发文档 116 | 117 | [点击进入](doc/doc.md) 118 | 119 | 120 | ## 付费咨询 121 | 122 | 微信（Lengqin1024） 123 | 124 | ## 常见问题 125 | 126 | **1. 数据库版本有什么要求？** 127 | 128 | 答：mysql 5.7及以上版本即可 129 | 130 | **2. 项目的代码结构？** 131 | 132 | 答：server目录是后端代码，web目录是前端代码。 133 | 134 | **3. 需要学习哪些技术知识？** 135 | 136 | 答：需要学习[python编程知识](https://www.runoob.com/python3/python3-tutorial.html)、[django框架知识](https://docs.djangoproject.com/zh-hans/3.2/)、[vue编程知识](https://cn.vuejs.org/guide/introduction.html) 137 | 138 | **4. 后台管理的默认账号密码是？** 139 | 140 | 答：管理员账号密码是：admin123 / admin123 141 | 142 | -------------------------------------------------------------------------------- /doc/表结构.docx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/net936/python_mall/54c886d739ac57be9677a5348333e775cc0dc031/doc/表结构.docx -------------------------------------------------------------------------------- /server/manage.py: -------------------------------------------------------------------------------- 1 | #!/usr/bin/env python 2 | """Django's command-line utility for administrative tasks.""" 3 | import os 4 | import sys 5 | 6 | 7 | def main(): 8 | """Run administrative tasks.""" 9 | os.environ.setdefault('DJANGO_SETTINGS_MODULE', 'server.settings') 10 | print('loading database...') 11 | 12 | 13 | 14 | if __name__ == '__main__': 15 | main() 16 | -------------------------------------------------------------------------------- /server/myapp/__init__.py: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/net936/python_mall/54c886d739ac57be9677a5348333e775cc0dc031/server/myapp/__init__.py -------------------------------------------------------------------------------- /server/myapp/admin.py: -------------------------------------------------------------------------------- 1 | from django.contrib import admin 2 | 3 | # Register your models here. 4 | from myapp.models import Classification, Thing, User, Comment 5 | 6 | admin.site.register(Classification) 7 | admin.site.register(Thing) 8 | admin.site.register(User) 9 | admin.site.register(Comment) 10 | -------------------------------------------------------------------------------- /server/myapp/apps.py: -------------------------------------------------------------------------------- 1 | from django.apps import AppConfig 2 | 3 | 4 | class MyappConfig(AppConfig): 5 | default_auto_field = 'django.db.models.BigAutoField' 6 | name = 'myapp' 7 | -------------------------------------------------------------------------------- /server/myapp/auth/MyRateThrottle.py: -------------------------------------------------------------------------------- 1 | from rest_framework.throttling import AnonRateThrottle 2 | 3 | 4 | class MyRateThrottle(AnonRateThrottle): 5 | # 限流 每分钟2次 6 | THROTTLE_RATES = {"anon": "2/min"} 7 | 8 | 9 | class UserRateThrottle(AnonRateThrottle): 10 | # 限流 每分钟5次 11 | THROTTLE_RATES = {"anon": "5/min"} 12 | -------------------------------------------------------------------------------- /server/myapp/auth/__init__.py: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/net936/python_mall/54c886d739ac57be9677a5348333e775cc0dc031/server/myapp/auth/__init__.py -------------------------------------------------------------------------------- /server/myapp/auth/authentication.py: -------------------------------------------------------------------------------- 1 | from rest_framework import exceptions 2 | from rest_framework.authentication import BaseAuthentication 3 | 4 | from myapp.models import User 5 | 6 | 7 | # 后台接口认证 8 | class AdminTokenAuthtication(BaseAuthentication): 9 | def authenticate(self, request): 10 | adminToken = request.META.get("HTTP_ADMINTOKEN") 11 | 12 | print("检查adminToken==>" + adminToken) 13 | users = User.objects.filter(admin_token=adminToken) 14 | """ 15 | 判定条件： 16 | 1. 传了adminToken 17 | 2. 查到了该帐号 18 | 3. 该帐号是管理员或演示帐号 19 | """ 20 | if not adminToken or len(users) == 0 or users[0].role == '2': 21 | raise exceptions.AuthenticationFailed("AUTH_FAIL_END") 22 | else: 23 | print('adminToken验证通过') 24 | 25 | 26 | # 前台接口认证 27 | class TokenAuthtication(BaseAuthentication): 28 | def authenticate(self, request): 29 | token = request.META.get("HTTP_TOKEN", "") 30 | if token is not None: 31 | print("检查token==>" + token) 32 | users = User.objects.filter(token=token) 33 | # print(users) 34 | """ 35 | 判定条件： 36 | 1. 传了token 37 | 2. 查到了该帐号 38 | 3. 该帐号是普通用户 39 | """ 40 | if not token or len(users) == 0 or (users[0].role in ['1', '3']): 41 | raise exceptions.AuthenticationFailed("AUTH_FAIL_FRONT") 42 | else: 43 | print('token验证通过') 44 | else: 45 | print("检查token==>token 为空") 46 | raise exceptions.AuthenticationFailed("AUTH_FAIL_FRONT") 47 | -------------------------------------------------------------------------------- /server/myapp/cf/UserCF.py: -------------------------------------------------------------------------------- 1 | from math import sqrt, pow 2 | import operator 3 | 4 | 5 | # 基于用户的协同过滤推荐算法 6 | # 算法参考：https://blog.csdn.net/net19880504/article/details/137772131 7 | 8 | class UserCf: 9 | 10 | # 获得初始化数据 11 | def __init__(self, data): 12 | self.data = data 13 | 14 | # 计算两个用户的皮尔逊相关系数 15 | def pearson(self, user1, user2): 16 | sumXY = 0.0 17 | n = 1 18 | sumX = 0.1 19 | sumY = 0.1 20 | sumX2 = 0.1 21 | sumY2 = 0.1 22 | try: 23 | for movie1, score1 in user1.items(): 24 | if movie1 in user2.keys(): # 计算公共的thing的评分 25 | n += 1 26 | sumXY += score1 * user2[movie1] 27 | sumX += score1 28 | sumY += user2[movie1] 29 | sumX2 += pow(score1, 2) 30 | sumY2 += pow(user2[movie1], 2) 31 | 32 | molecule = sumXY - (sumX * sumY) / n 33 | denominator = sqrt((sumX2 - pow(sumX, 2) / n) * (sumY2 - pow(sumY, 2) / n)) 34 | r = molecule / denominator 35 | except Exception as e: 36 | print("异常信息:", str(e)) 37 | return None 38 | return r 39 | 40 | # 计算与当前用户的距离，获得最临近的用户 41 | def nearstUser(self, username, n=1): 42 | distances = {} # 用户，相似度 43 | for otherUser, items in self.data.items(): # 遍历整个数据集 44 | if otherUser not in username: # 非当前的用户 45 | distance = self.pearson(self.data[username], self.data[otherUser]) # 计算两个用户的相似度 46 | distances[otherUser] = distance 47 | sortedDistance = sorted(distances.items(), key=operator.itemgetter(1), reverse=True) # 最相似的N个用户 48 | # print("排序后的用户为：", sortedDistance) 49 | return sortedDistance[:n] 50 | 51 | # 给用户推荐物品（比如电影） 52 | def recomand(self, username, n=1): 53 | recommand = [] # 待推荐的物品 54 | for user, score in dict(self.nearstUser(username, n)).items(): # 最相近的n个用户 55 | # print("推荐的用户：", (user, score)) 56 | for movies, scores in self.data[user].items(): # 推荐的用户的物品列表 57 | if movies not in self.data[username].keys(): # 当前username没有看过 58 | # print("%s为该用户推荐的物品：%s" % (user, movies)) 59 | if movies not in recommand: 60 | recommand.append(movies) 61 | 62 | return recommand 63 | -------------------------------------------------------------------------------- /server/myapp/cf/__init__.py: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/net936/python_mall/54c886d739ac57be9677a5348333e775cc0dc031/server/myapp/cf/__init__.py -------------------------------------------------------------------------------- /server/myapp/handler.py: -------------------------------------------------------------------------------- 1 | from rest_framework.response import Response 2 | 3 | 4 | class APIResponse(Response): 5 | def __init__(self, code=0, msg='', data=None, status=200, headers=None, content_type=None, **kwargs): 6 | dic = {'code': code, 'msg': msg} 7 | if data is not None: 8 | dic['data'] = data 9 | 10 | dic.update(kwargs) # 这里使用update 11 | super().__init__(data=dic, status=status, 12 | template_name=None, headers=headers, 13 | exception=False, content_type=content_type) 14 | -------------------------------------------------------------------------------- /server/myapp/middlewares/LogMiddleware.py: -------------------------------------------------------------------------------- 1 | # -*- coding:utf-8 -*- 2 | import time 3 | import json 4 | 5 | from django.utils.deprecation import MiddlewareMixin 6 | 7 | from myapp import utils 8 | from myapp.serializers import OpLogSerializer 9 | 10 | 11 | class OpLogs(MiddlewareMixin): 12 | 13 | def __init__(self, *args): 14 | super(OpLogs, self).__init__(*args) 15 | 16 | self.start_time = None # 开始时间 17 | self.end_time = None # 响应时间 18 | self.data = {} # dict数据 19 | 20 | def process_request(self, request): 21 | 22 | self.start_time = time.time() # 开始时间 23 | 24 | re_ip = utils.get_ip(request) 25 | re_method = request.method 26 | re_content = request.GET if re_method == 'GET' else request.POST 27 | if re_content: 28 | re_content = json.dumps(re_content) 29 | else: 30 | re_content = None 31 | 32 | self.data.update( 33 | { 34 | 're_url': request.path, 35 | 're_method': re_method, 36 | 're_ip': re_ip, 37 | # 're_content': re_content, 38 | } 39 | ) 40 | # print(self.data) 41 | 42 | def process_response(self, request, response): 43 | 44 | # 耗时毫秒/ms 45 | self.end_time = time.time() # 响应时间 46 | access_time = self.end_time - self.start_time 47 | self.data['access_time'] = round(access_time * 1000) 48 | 49 | # 入库 50 | serializer = OpLogSerializer(data=self.data) 51 | if serializer.is_valid(): 52 | serializer.save() 53 | 54 | return response 55 | -------------------------------------------------------------------------------- /server/myapp/middlewares/__init__.py: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/net936/python_mall/54c886d739ac57be9677a5348333e775cc0dc031/server/myapp/middlewares/__init__.py -------------------------------------------------------------------------------- /server/myapp/permission/__init__.py: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/net936/python_mall/54c886d739ac57be9677a5348333e775cc0dc031/server/myapp/permission/__init__.py -------------------------------------------------------------------------------- /server/myapp/permission/permission.py: -------------------------------------------------------------------------------- 1 | from myapp.models import User 2 | 3 | 4 | def isDemoAdminUser(request): 5 | adminToken = request.META.get("HTTP_ADMINTOKEN") 6 | users = User.objects.filter(admin_token=adminToken) 7 | if len(users) > 0: 8 | user = users[0] 9 | if user.role == '3': # （角色3）表示演示帐号 10 | print('演示帐号===>') 11 | return True 12 | return False 13 | -------------------------------------------------------------------------------- /server/myapp/serializers.py: -------------------------------------------------------------------------------- 1 | from rest_framework import serializers 2 | 3 | from myapp.models import Thing, Classification, User, Comment, Record, LoginLog, Order, OpLog, \ 4 | Ad, Notice, ErrorLog, Feedback 5 | 6 | 7 | class ThingSerializer(serializers.ModelSerializer): 8 | # 额外字段 9 | classification_title = serializers.ReadOnlyField(source='classification.title') 10 | 11 | class Meta: 12 | model = Thing 13 | fields = '__all__' 14 | 15 | 16 | class DetailThingSerializer(serializers.ModelSerializer): 17 | # 额外字段 18 | classification_title = serializers.ReadOnlyField(source='classification.title') 19 | 20 | class Meta: 21 | model = Thing 22 | # 排除多对多字段 23 | exclude = ('wish', 'collect',) 24 | 25 | 26 | class UpdateThingSerializer(serializers.ModelSerializer): 27 | # 额外字段 28 | classification_title = serializers.ReadOnlyField(source='classification.title') 29 | 30 | class Meta: 31 | model = Thing 32 | # 排除多对多字段 33 | exclude = ('wish', 'collect',) 34 | 35 | 36 | class ListThingSerializer(serializers.ModelSerializer): 37 | # 额外字段 38 | classification_title = serializers.ReadOnlyField(source='classification.title') 39 | 40 | class Meta: 41 | model = Thing 42 | # 排除字段 43 | exclude = ('wish', 'collect',) 44 | 45 | 46 | class ClassificationSerializer(serializers.ModelSerializer): 47 | class Meta: 48 | model = Classification 49 | fields = '__all__' 50 | 51 | 52 | class UserSerializer(serializers.ModelSerializer): 53 | create_time = serializers.DateTimeField(format='%Y-%m-%d %H:%M:%S', required=False) 54 | 55 | class Meta: 56 | model = User 57 | fields = '__all__' 58 | # exclude = ('password',) 59 | 60 | 61 | class CommentSerializer(serializers.ModelSerializer): 62 | comment_time = serializers.DateTimeField(format='%Y-%m-%d %H:%M:%S', required=False) 63 | # 额外字段 64 | title = serializers.ReadOnlyField(source='thing.title') 65 | username = serializers.ReadOnlyField(source='user.username') 66 | 67 | class Meta: 68 | model = Comment 69 | fields = ['id', 'content', 'comment_time', 'like_count', 'thing', 'user', 'title', 'username'] 70 | 71 | 72 | class RecordSerializer(serializers.ModelSerializer): 73 | class Meta: 74 | model = Record 75 | fields = '__all__' 76 | 77 | 78 | class LoginLogSerializer(serializers.ModelSerializer): 79 | log_time = serializers.DateTimeField(format='%Y-%m-%d %H:%M:%S', required=False) 80 | 81 | class Meta: 82 | model = LoginLog 83 | fields = '__all__' 84 | 85 | 86 | class OpLogSerializer(serializers.ModelSerializer): 87 | re_time = serializers.DateTimeField(format='%Y-%m-%d %H:%M:%S', required=False) 88 | 89 | class Meta: 90 | model = OpLog 91 | fields = '__all__' 92 | 93 | 94 | class ErrorLogSerializer(serializers.ModelSerializer): 95 | log_time = serializers.DateTimeField(format='%Y-%m-%d %H:%M:%S', required=False) 96 | 97 | class Meta: 98 | model = ErrorLog 99 | fields = '__all__' 100 | 101 | 102 | class OrderSerializer(serializers.ModelSerializer): 103 | order_time = serializers.DateTimeField(format='%Y-%m-%d %H:%M:%S', required=False) 104 | expect_time = serializers.DateTimeField(format='%Y-%m-%d %H:%M:%S', required=False) 105 | return_time = serializers.DateTimeField(format='%Y-%m-%d %H:%M:%S', required=False) 106 | # extra 107 | username = serializers.ReadOnlyField(source='user.username') 108 | title = serializers.ReadOnlyField(source='thing.title') 109 | price = serializers.ReadOnlyField(source='thing.price') 110 | cover = serializers.FileField(source='thing.cover', required=False) 111 | 112 | class Meta: 113 | model = Order 114 | fields = '__all__' 115 | 116 | 117 | class AdSerializer(serializers.ModelSerializer): 118 | create_time = serializers.DateTimeField(format='%Y-%m-%d %H:%M:%S', required=False) 119 | 120 | class Meta: 121 | model = Ad 122 | fields = '__all__' 123 | 124 | 125 | class NoticeSerializer(serializers.ModelSerializer): 126 | create_time = serializers.DateTimeField(format='%Y-%m-%d %H:%M:%S', required=False) 127 | 128 | class Meta: 129 | model = Notice 130 | fields = '__all__' 131 | 132 | 133 | class FeedbackSerializer(serializers.ModelSerializer): 134 | create_time = serializers.DateTimeField(format='%Y-%m-%d %H:%M:%S', required=False) 135 | 136 | class Meta: 137 | model = Feedback 138 | fields = '__all__' 139 | -------------------------------------------------------------------------------- /server/myapp/urls.py: -------------------------------------------------------------------------------- 1 | from django.urls import path 2 | 3 | from myapp import views 4 | 5 | app_name = 'myapp' 6 | urlpatterns = [ 7 | # 后台管理api 8 | path('admin/overview/count', views.admin.overview.count), 9 | path('admin/overview/sysInfo', views.admin.overview.sysInfo), 10 | path('admin/thing/list', views.admin.thing.list_api), 11 | path('admin/thing/detail', views.admin.thing.detail), 12 | path('admin/thing/create', views.admin.thing.create), 13 | path('admin/thing/update', views.admin.thing.update), 14 | path('admin/thing/delete', views.admin.thing.delete), 15 | path('admin/comment/list', views.admin.comment.list_api), 16 | path('admin/comment/create', views.admin.comment.create), 17 | path('admin/comment/update', views.admin.comment.update), 18 | path('admin/comment/delete', views.admin.comment.delete), 19 | path('admin/classification/list', views.admin.classification.list_api), 20 | path('admin/classification/create', views.admin.classification.create), 21 | path('admin/classification/update', views.admin.classification.update), 22 | path('admin/classification/delete', views.admin.classification.delete), 23 | path('admin/feedback/list', views.admin.feedback.list_api), 24 | path('admin/feedback/delete', views.admin.feedback.delete), 25 | path('admin/record/list', views.admin.record.list_api), 26 | path('admin/record/create', views.admin.record.create), 27 | path('admin/record/update', views.admin.record.update), 28 | path('admin/record/delete', views.admin.record.delete), 29 | path('admin/ad/list', views.admin.ad.list_api), 30 | path('admin/ad/create', views.admin.ad.create), 31 | path('admin/ad/update', views.admin.ad.update), 32 | path('admin/ad/delete', views.admin.ad.delete), 33 | path('admin/notice/list', views.admin.notice.list_api), 34 | path('admin/notice/create', views.admin.notice.create), 35 | path('admin/notice/update', views.admin.notice.update), 36 | path('admin/notice/delete', views.admin.notice.delete), 37 | path('admin/order/list', views.admin.order.list_api), 38 | path('admin/order/create', views.admin.order.create), 39 | path('admin/order/update', views.admin.order.update), 40 | path('admin/order/cancel_order', views.admin.order.cancel_order), 41 | path('admin/order/delay', views.admin.order.delay), 42 | path('admin/order/delete', views.admin.order.delete), 43 | path('admin/loginLog/list', views.admin.loginLog.list_api), 44 | path('admin/loginLog/create', views.admin.loginLog.create), 45 | path('admin/loginLog/update', views.admin.loginLog.update), 46 | path('admin/loginLog/delete', views.admin.loginLog.delete), 47 | path('admin/loginLog/clear', views.admin.loginLog.clear), 48 | path('admin/opLog/list', views.admin.opLog.list_api), 49 | path('admin/opLog/clear', views.admin.opLog.clear), 50 | path('admin/errorLog/list', views.admin.errorLog.list_api), 51 | path('admin/errorLog/clear', views.admin.errorLog.clear), 52 | path('admin/user/list', views.admin.user.list_api), 53 | path('admin/user/create', views.admin.user.create), 54 | path('admin/user/update', views.admin.user.update), 55 | path('admin/user/updatePwd', views.admin.user.updatePwd), 56 | path('admin/user/delete', views.admin.user.delete), 57 | path('admin/user/info', views.admin.user.info), 58 | path('admin/adminLogin', views.admin.user.admin_login), 59 | 60 | 61 | # 前台管理api 62 | path('index/classification/list', views.index.classification.list_api), 63 | path('index/user/login', views.index.user.login), 64 | path('index/user/register', views.index.user.register), 65 | path('index/user/info', views.index.user.info), 66 | path('index/user/update', views.index.user.update), 67 | path('index/user/updatePwd', views.index.user.updatePwd), 68 | path('index/notice/list_api', views.index.notice.list_api), 69 | path('index/thing/list', views.index.thing.list_api), 70 | path('index/thing/detail', views.index.thing.detail), 71 | path('index/thing/getRecommend', views.index.thing.get_recommend), 72 | path('index/thing/increaseWishCount', views.index.thing.increaseWishCount), 73 | path('index/thing/addWishUser', views.index.thing.addWishUser), 74 | path('index/thing/removeWishUser', views.index.thing.removeWishUser), 75 | path('index/thing/getWishThingList', views.index.thing.getWishThingList), 76 | path('index/thing/addCollectUser', views.index.thing.addCollectUser), 77 | path('index/thing/removeCollectUser', views.index.thing.removeCollectUser), 78 | path('index/thing/getCollectThingList', views.index.thing.getCollectThingList), 79 | path('index/thing/increaseRecommendCount', views.index.thing.increaseRecommendCount), 80 | path('index/thing/listUserThing', views.index.thing.list_user_thing_api), 81 | path('index/thing/create', views.index.thing.create), 82 | path('index/thing/update', views.index.thing.update), 83 | path('index/thing/rate', views.index.thing.rate), 84 | path('index/comment/list', views.index.comment.list_api), 85 | path('index/comment/listMyComments', views.index.comment.list_my_comment), 86 | path('index/comment/create', views.index.comment.create), 87 | path('index/comment/delete', views.index.comment.delete), 88 | path('index/comment/like', views.index.comment.like), 89 | path('index/order/list', views.index.order.list_api), 90 | path('index/order/create', views.index.order.create), 91 | path('index/order/cancel_order', views.index.order.cancel_order), 92 | path('index/feedback/create', views.index.feedback.create), 93 | 94 | 95 | ] 96 | -------------------------------------------------------------------------------- /server/myapp/utils.py: -------------------------------------------------------------------------------- 1 | import datetime 2 | import hashlib 3 | import time 4 | 5 | from myapp.cf.UserCF import UserCf 6 | from myapp.models import Record, Thing 7 | from myapp.serializers import ErrorLogSerializer 8 | 9 | 10 | def get_timestamp(): 11 | return int(round(time.time() * 1000)) 12 | 13 | 14 | def md5value(key): 15 | input_name = hashlib.md5() 16 | input_name.update(key.encode("utf-8")) 17 | md5str = (input_name.hexdigest()).lower() 18 | print('计算md5:', md5str) 19 | return md5str 20 | 21 | 22 | def dict_fetchall(cursor): # cursor是执行sql_str后的记录，作入参 23 | columns = [col[0] for col in cursor.description] # 得到域的名字col[0]，组成List 24 | return [ 25 | dict(zip(columns, row)) for row in cursor.fetchall() 26 | ] 27 | 28 | 29 | def get_ip(request): 30 | """ 31 | 获取请求者的IP信息 32 | """ 33 | x_forwarded_for = request.META.get('HTTP_X_FORWARDED_FOR') 34 | if x_forwarded_for: 35 | ip = x_forwarded_for.split(',')[0] 36 | else: 37 | ip = request.META.get('REMOTE_ADDR') 38 | return ip 39 | 40 | 41 | def get_ua(request): 42 | """ 43 | 获取请求者的IP信息 44 | """ 45 | ua = request.META.get('HTTP_USER_AGENT') 46 | return ua[0:200] 47 | 48 | 49 | def getWeekDays(): 50 | """ 51 | 获取近一周的日期 52 | """ 53 | week_days = [] 54 | now = datetime.datetime.now() 55 | for i in range(7): 56 | day = now - datetime.timedelta(days=i) 57 | week_days.append(day.strftime('%Y-%m-%d %H:%M:%S.%f')[:10]) 58 | week_days.reverse() # 逆序 59 | return week_days 60 | 61 | 62 | def get_monday(): 63 | """ 64 | 获取本周周一日期 65 | """ 66 | now = datetime.datetime.now() 67 | monday = now - datetime.timedelta(now.weekday()) 68 | return monday.strftime('%Y-%m-%d %H:%M:%S.%f')[:10] 69 | 70 | 71 | def log_error(request, content): 72 | """ 73 | 记录错误日志 74 | """ 75 | ip = get_ip(request) 76 | method = request.method 77 | url = request.path 78 | 79 | data = { 80 | 'ip': ip, 81 | 'method': method, 82 | 'url': url, 83 | 'content': content 84 | } 85 | 86 | # 入库 87 | serializer = ErrorLogSerializer(data=data) 88 | if serializer.is_valid(): 89 | serializer.save() 90 | 91 | 92 | def get_recommend(request): 93 | # 协同过滤推荐 94 | ips = Record.objects.values_list("ip", flat=True).distinct() 95 | data = {} 96 | # 构建字典 97 | for ip in ips: 98 | dd = {} 99 | records = Record.objects.filter(ip=ip) 100 | for record in records: 101 | dd[str(record.thing_id)] = record.score 102 | data[ip] = dd 103 | if len(data) > 30: 104 | break 105 | 106 | # print('构建字典', data) 107 | 108 | userCf = UserCf(data=data) 109 | re_ip = get_ip(request) 110 | # print(re_ip) 111 | recommandList = userCf.recomand(re_ip, 10) # 核心推荐方法 112 | # print(recommandList) 113 | 114 | things = Thing.objects.filter(id__in=recommandList) 115 | # print(things) 116 | if not things or len(things) <= 0: 117 | # 若推荐太少，则pv推荐 118 | things = Thing.objects.filter(status='0').order_by('-pv') 119 | return things 120 | -------------------------------------------------------------------------------- /server/myapp/views/__init__.py: -------------------------------------------------------------------------------- 1 | from myapp.views.admin import * 2 | from myapp.views.index import * 3 | -------------------------------------------------------------------------------- /server/myapp/views/index/__init__.py: -------------------------------------------------------------------------------- 1 | from myapp.views.index.classification import * 2 | from myapp.views.index.user import * 3 | from myapp.views.index.thing import * 4 | from myapp.views.index.comment import * 5 | from myapp.views.index.order import * 6 | from myapp.views.index.notice import * 7 | from myapp.views.index.feedback import * 8 | -------------------------------------------------------------------------------- /server/myapp/views/index/classification.py: -------------------------------------------------------------------------------- 1 | # Create your views here. 2 | from django.db import connection 3 | from rest_framework.decorators import api_view 4 | 5 | from myapp.handler import APIResponse 6 | from myapp.models import Classification 7 | from myapp.serializers import ClassificationSerializer 8 | 9 | 10 | @api_view(['GET']) 11 | def list_api(request): 12 | if request.method == 'GET': 13 | classifications = Classification.objects.all().order_by('-create_time') 14 | serializer = ClassificationSerializer(classifications, many=True) 15 | return APIResponse(code=0, msg='查询成功', data=serializer.data) 16 | 17 | 18 | 19 | 20 | 21 | -------------------------------------------------------------------------------- /server/myapp/views/index/comment.py: -------------------------------------------------------------------------------- 1 | # Create your views here. 2 | from rest_framework.decorators import api_view, authentication_classes, throttle_classes 3 | 4 | from myapp.auth.MyRateThrottle import MyRateThrottle 5 | from myapp.auth.authentication import AdminTokenAuthtication 6 | from myapp.handler import APIResponse 7 | from myapp.models import Comment 8 | from myapp.permission.permission import isDemoAdminUser 9 | from myapp.serializers import CommentSerializer 10 | 11 | 12 | @api_view(['GET']) 13 | def list_api(request): 14 | if request.method == 'GET': 15 | thingId = request.GET.get("thingId", None) 16 | order = request.GET.get("order", 'recent') 17 | 18 | if thingId: 19 | if order == 'recent': 20 | orderBy = '-comment_time' 21 | else: 22 | orderBy = '-like_count' 23 | 24 | comments = Comment.objects.select_related("thing").filter(thing=thingId).order_by(orderBy) 25 | # print(comments) 26 | serializer = CommentSerializer(comments, many=True) 27 | return APIResponse(code=0, msg='查询成功', data=serializer.data) 28 | else: 29 | return APIResponse(code=1, msg='thingId不能为空') 30 | 31 | 32 | @api_view(['GET']) 33 | def list_my_comment(request): 34 | if request.method == 'GET': 35 | userId = request.GET.get("userId", None) 36 | order = request.GET.get("order", 'recent') 37 | 38 | if userId: 39 | if order == 'recent': 40 | orderBy = '-comment_time' 41 | else: 42 | orderBy = '-like_count' 43 | 44 | comments = Comment.objects.select_related("thing").filter(user=userId).order_by(orderBy) 45 | # print(comments) 46 | serializer = CommentSerializer(comments, many=True) 47 | return APIResponse(code=0, msg='查询成功', data=serializer.data) 48 | else: 49 | return APIResponse(code=1, msg='userId不能为空') 50 | 51 | 52 | @api_view(['POST']) 53 | @throttle_classes([MyRateThrottle]) 54 | def create(request): 55 | serializer = CommentSerializer(data=request.data) 56 | if serializer.is_valid(): 57 | serializer.save() 58 | return APIResponse(code=0, msg='创建成功', data=serializer.data) 59 | else: 60 | print(serializer.errors) 61 | 62 | return APIResponse(code=1, msg='创建失败') 63 | 64 | 65 | @api_view(['POST']) 66 | def delete(request): 67 | try: 68 | ids = request.GET.get('ids') 69 | ids_arr = ids.split(',') 70 | Comment.objects.filter(id__in=ids_arr).delete() 71 | except Comment.DoesNotExist: 72 | return APIResponse(code=1, msg='对象不存在') 73 | 74 | return APIResponse(code=0, msg='删除成功') 75 | 76 | 77 | @api_view(['POST']) 78 | def like(request): 79 | try: 80 | commentId = request.GET.get('commentId') 81 | comment = Comment.objects.get(pk=commentId) 82 | comment.like_count += 1 83 | comment.save() 84 | except Comment.DoesNotExist: 85 | return APIResponse(code=1, msg='对象不存在') 86 | 87 | return APIResponse(code=0, msg='推荐成功') 88 | -------------------------------------------------------------------------------- /server/myapp/views/index/feedback.py: -------------------------------------------------------------------------------- 1 | # Create your views here. 2 | from rest_framework.decorators import api_view, throttle_classes, authentication_classes 3 | 4 | from myapp.auth.MyRateThrottle import MyRateThrottle 5 | from myapp.auth.authentication import AdminTokenAuthtication 6 | from myapp.handler import APIResponse 7 | import datetime 8 | 9 | from myapp.models import Feedback 10 | from myapp.permission.permission import isDemoAdminUser 11 | from myapp.serializers import FeedbackSerializer 12 | 13 | 14 | @api_view(['POST']) 15 | @throttle_classes([MyRateThrottle]) 16 | def create(request): 17 | data = request.data.copy() 18 | if data['title'] is None or data['content'] is None: 19 | return APIResponse(code=1, msg='不能为空') 20 | 21 | create_time = datetime.datetime.now() 22 | data['create_time'] = create_time 23 | serializer = FeedbackSerializer(data=data) 24 | if serializer.is_valid(): 25 | serializer.save() 26 | 27 | return APIResponse(code=0, msg='提交成功', data=serializer.data) 28 | else: 29 | print(serializer.errors) 30 | return APIResponse(code=1, msg='提交失败') 31 | -------------------------------------------------------------------------------- /server/myapp/views/index/notice.py: -------------------------------------------------------------------------------- 1 | # Create your views here. 2 | from rest_framework.decorators import api_view 3 | 4 | from myapp.handler import APIResponse 5 | from myapp.models import Notice 6 | from myapp.serializers import NoticeSerializer 7 | 8 | 9 | @api_view(['GET']) 10 | def list_api(request): 11 | if request.method == 'GET': 12 | notices = Notice.objects.all().order_by('-create_time') 13 | serializer = NoticeSerializer(notices, many=True) 14 | return APIResponse(code=0, msg='查询成功', data=serializer.data) 15 | 16 | -------------------------------------------------------------------------------- /server/myapp/views/index/order.py: -------------------------------------------------------------------------------- 1 | # Create your views here. 2 | import datetime 3 | 4 | from rest_framework.decorators import api_view, authentication_classes 5 | 6 | from myapp import utils 7 | from myapp.auth.authentication import TokenAuthtication 8 | from myapp.handler import APIResponse 9 | from myapp.models import Order, Thing 10 | from myapp.serializers import OrderSerializer 11 | 12 | 13 | @api_view(['GET']) 14 | def list_api(request): 15 | if request.method == 'GET': 16 | userId = request.GET.get('userId', -1) 17 | orderStatus = request.GET.get('orderStatus', '') 18 | 19 | orders = Order.objects.all().filter(user=userId).filter(status__contains=orderStatus).order_by('-order_time') 20 | serializer = OrderSerializer(orders, many=True) 21 | return APIResponse(code=0, msg='查询成功', data=serializer.data) 22 | 23 | 24 | @api_view(['POST']) 25 | @authentication_classes([TokenAuthtication]) 26 | def create(request): 27 | 28 | data = request.data.copy() 29 | if data['user'] is None or data['gwc'] is None: 30 | return APIResponse(code=1, msg='参数错误') 31 | 32 | create_time = datetime.datetime.now() 33 | data['create_time'] = create_time 34 | data['order_number'] = str(utils.get_timestamp()) 35 | data['status'] = '1' 36 | serializer = OrderSerializer(data=data) 37 | if serializer.is_valid(): 38 | serializer.save() 39 | 40 | return APIResponse(code=0, msg='创建成功', data=serializer.data) 41 | else: 42 | print(serializer.errors) 43 | return APIResponse(code=1, msg='创建失败') 44 | 45 | 46 | @api_view(['POST']) 47 | @authentication_classes([TokenAuthtication]) 48 | def cancel_order(request): 49 | """ 50 | cancal 51 | """ 52 | try: 53 | pk = request.GET.get('id', -1) 54 | order = Order.objects.get(pk=pk) 55 | except Order.DoesNotExist: 56 | return APIResponse(code=1, msg='对象不存在') 57 | 58 | data = { 59 | 'status': 2 60 | } 61 | serializer = OrderSerializer(order, data=data) 62 | if serializer.is_valid(): 63 | serializer.save() 64 | # 加库存 65 | # thingId = request.data['thing'] 66 | # thing = Thing.objects.get(pk=thingId) 67 | # thing.repertory = thing.repertory + 1 68 | # thing.save() 69 | 70 | return APIResponse(code=0, msg='取消成功', data=serializer.data) 71 | else: 72 | print(serializer.errors) 73 | return APIResponse(code=1, msg='更新失败') 74 | -------------------------------------------------------------------------------- /server/readme.md: -------------------------------------------------------------------------------- 1 | ### 后端部署步骤 2 | 3 | > 部署过程中，如遇问题可咨询作者：lengqin1024（微信） 4 | 5 | 1. 安装mysql数据库，启动服务 6 | 2. 打开cmd命令行，进入mysql，并新建数据库 7 | ``` 8 | mysql -u root -p 9 | CREATE DATABASE IF NOT EXISTS python_one DEFAULT CHARSET utf8 COLLATE utf8_general_ci; 10 | ``` 11 | 3. 恢复sql数据 12 | ``` 13 | use xxx 14 | source xxxx.sql 15 | ``` 16 | 4. 修改settings.py中的配置信息 17 | 5. 复制资源，将upload文件夹复制到server目录下 18 | 6. 安装python 3.8 19 | 7. 安装依赖包 20 | ``` 21 | pip install -r requirements.txt -i https://mirrors.aliyun.com/pypi/simple 22 | ``` 23 | 运行项目 24 | ``` 25 | python manage.py runserver 26 | ``` 27 | 7. 后期维护改动 28 | 29 | 将修改的py文件覆盖服务器的py文件即可，重启django 30 | 31 | ### 删除数据库 32 | 33 | drop database if exists xxx; 34 | 35 | ### 创建数据库 36 | 37 | CREATE DATABASE IF NOT EXISTS xxx DEFAULT CHARSET utf8 COLLATE utf8_general_ci; 38 | 39 | 40 | ### 迁移数据库表 41 | 42 | ``` 43 | python manage.py makemigrations; 44 | 45 | python manage.py migrate; 46 | 47 | python manage.py makemigrations myapp; 48 | 49 | python manage.py migrate myapp; 50 | ``` 51 | 52 | 53 | ### 协同过滤 54 | 55 | 第一步：保存记录，经过detail接口，保存浏览记录，并记录score分数。 56 | 57 | 第二步：推荐方法，经utils中的get_recommend()调用CF算法向用户推荐。 58 | 59 | 60 | ### 跨域配置 61 | 62 | django-cors-headers 63 | 64 | ### 多对多技术参考 65 | 66 | https://www.cnblogs.com/SunshineKimi/p/14140900.html 67 | 68 | ### 二级分类设计 69 | https://blog.csdn.net/weixin_47971206/article/details/124199978 70 | 71 | ### 常见问题 72 | 73 | 多对多的查询可通过related_name别名查询 74 | join查询 75 | ForeignKey的时候字段会自动加_id后缀 76 | 学习SerializerMethodField 77 | 跨域配置 django-cors-headers 78 | 数据库备份命令: 79 | mysqldump -u root -p --databases 数据库名称 > xxx.sql 80 | 数据库还原命令: 81 | source D:/xxx/xxx/shop.sql; 82 | 创建管理员命令： 83 | insert into b_user(username,password,role,status) values('admin111',md5('admin111'),1,'0'); 84 | 85 | 接口请求频次限制 86 | 87 | 88 | ### 登录接口 89 | 90 | 调login -> 生成token 91 | 92 | ### 注意 93 | 94 | update接口的时候，如果model里面存在多对多字段，则需要设置explode 95 | 96 | 97 | 98 | 99 | 100 | 101 | -------------------------------------------------------------------------------- /server/requirements.txt: -------------------------------------------------------------------------------- 1 | Django==3.2.11 2 | PyMySQL==1.0.2 3 | djangorestframework==3.13.0 4 | django-cors-headers==3.13.0 5 | Pillow==9.1.1 6 | psutil==5.9.4 -------------------------------------------------------------------------------- /server/server/__init__.py: -------------------------------------------------------------------------------- 1 | import pymysql 2 | pymysql.install_as_MySQLdb() 3 | 4 | print("===============install pymysql==============") -------------------------------------------------------------------------------- /server/server/asgi.py: -------------------------------------------------------------------------------- 1 | """ 2 | ASGI config for server project. 3 | 4 | It exposes the ASGI callable as a module-level variable named ``application``. 5 | 6 | For more information on this file, see 7 | https://docs.djangoproject.com/en/4.1/howto/deployment/asgi/ 8 | """ 9 | 10 | import os 11 | 12 | from django.core.asgi import get_asgi_application 13 | 14 | os.environ.setdefault('DJANGO_SETTINGS_MODULE', 'server.settings') 15 | 16 | application = get_asgi_application() 17 | -------------------------------------------------------------------------------- /server/server/settings.py: -------------------------------------------------------------------------------- 1 | """ 2 | Django settings for server project. 3 | 4 | Generated by 'django-admin startproject' using Django 4.1.4. 5 | 6 | For more information on this file, see 7 | https://docs.djangoproject.com/en/4.1/topics/settings/ 8 | 9 | For the full list of settings and their values, see 10 | https://docs.djangoproject.com/en/4.1/ref/settings/ 11 | """ 12 | import os 13 | from pathlib import Path 14 | 15 | # Build paths inside the project like this: BASE_DIR / 'subdir'. 16 | # BASE_DIR = Path(__file__).resolve().parent.parent 17 | BASE_DIR = os.path.dirname(os.path.dirname(os.path.abspath(__file__))) 18 | 19 | # Quick-start development settings - unsuitable for production 20 | # See https://docs.djangoproject.com/en/4.1/howto/deployment/checklist/ 21 | 22 | # SECURITY WARNING: keep the secret key used in production secret! 23 | SECRET_KEY = 'django-insecure-sz@madp0ifx!b)^lg_g!f+5s*w7w_=sjgq-k+erzb%x42$^r!d' 24 | 25 | # SECURITY WARNING: don't run with debug turned on in production! 26 | DEBUG = True 27 | 28 | ALLOWED_HOSTS = ['*'] 29 | 30 | # Application definition 31 | 32 | INSTALLED_APPS = [ 33 | 'django.contrib.admin', 34 | 'django.contrib.auth', 35 | 'django.contrib.contenttypes', 36 | 'django.contrib.sessions', 37 | 'django.contrib.messages', 38 | 'django.contrib.staticfiles', 39 | 'rest_framework', 40 | 'corsheaders', # 跨域 41 | 'myapp' 42 | ] 43 | 44 | MIDDLEWARE = [ 45 | 'django.middleware.security.SecurityMiddleware', 46 | 'django.contrib.sessions.middleware.SessionMiddleware', 47 | 'corsheaders.middleware.CorsMiddleware', # 跨域配置 48 | 'django.middleware.common.CommonMiddleware', 49 | 'django.middleware.csrf.CsrfViewMiddleware', 50 | 'django.contrib.auth.middleware.AuthenticationMiddleware', 51 | 'django.contrib.messages.middleware.MessageMiddleware', 52 | 'django.middleware.clickjacking.XFrameOptionsMiddleware', 53 | 'myapp.middlewares.LogMiddleware.OpLogs' 54 | ] 55 | 56 | CORS_ORIGIN_ALLOW_ALL = True # 允许跨域 57 | 58 | ROOT_URLCONF = 'server.urls' 59 | 60 | TEMPLATES = [ 61 | { 62 | 'BACKEND': 'django.template.backends.django.DjangoTemplates', 63 | 'DIRS': [], 64 | 'APP_DIRS': True, 65 | 'OPTIONS': { 66 | 'context_processors': [ 67 | 'django.template.context_processors.debug', 68 | 'django.template.context_processors.request', 69 | 'django.contrib.auth.context_processors.auth', 70 | 'django.contrib.messages.context_processors.messages', 71 | ], 72 | }, 73 | }, 74 | ] 75 | 76 | WSGI_APPLICATION = 'server.wsgi.application' 77 | 78 | # Database 79 | # https://docs.djangoproject.com/en/4.1/ref/settings/#databases 80 | 81 | DATABASES = { 82 | 'default': { 83 | 'ENGINE': 'django.db.backends.mysql', 84 | 'NAME': 'python_mall', 85 | 'USER': 'root', 86 | 'PASSWORD': '4643830', 87 | 'HOST': '127.0.0.1', 88 | 'PORT': '3306', 89 | 'OPTIONS': { 90 | "init_command": "SET foreign_key_checks = 0;", 91 | } 92 | } 93 | } 94 | 95 | # Password validation 96 | # https://docs.djangoproject.com/en/4.1/ref/settings/#auth-password-validators 97 | 98 | AUTH_PASSWORD_VALIDATORS = [ 99 | { 100 | 'NAME': 'django.contrib.auth.password_validation.UserAttributeSimilarityValidator', 101 | }, 102 | { 103 | 'NAME': 'django.contrib.auth.password_validation.MinimumLengthValidator', 104 | }, 105 | { 106 | 'NAME': 'django.contrib.auth.password_validation.CommonPasswordValidator', 107 | }, 108 | { 109 | 'NAME': 'django.contrib.auth.password_validation.NumericPasswordValidator', 110 | }, 111 | ] 112 | 113 | # Internationalization 114 | # https://docs.djangoproject.com/en/4.1/topics/i18n/ 115 | 116 | 117 | LANGUAGE_CODE = 'zh-hans' 118 | 119 | # 时区 120 | TIME_ZONE = 'Asia/Shanghai' 121 | 122 | USE_I18N = True 123 | 124 | USE_L10N = True 125 | 126 | USE_TZ = False 127 | 128 | # 日期时间格式 129 | DATE_FORMAT = 'Y-m-d' 130 | DATETIME_FORMAT = 'Y-m-d H:i:s' 131 | 132 | # 上传文件路径 133 | # 并在urls.py配置+static 134 | MEDIA_ROOT = os.path.join(BASE_DIR, 'upload/') 135 | MEDIA_URL = '/upload/' 136 | 137 | # Static files (CSS, JavaScript, Images) 138 | # https://docs.djangoproject.com/en/4.1/howto/static-files/ 139 | 140 | STATIC_URL = 'static/' 141 | 142 | # Default primary key field type 143 | # https://docs.djangoproject.com/en/4.1/ref/settings/#default-auto-field 144 | 145 | DEFAULT_AUTO_FIELD = 'django.db.models.BigAutoField' 146 | 147 | # 跨域配置 148 | CORS_ALLOW_CREDENTIALS = True 149 | CORS_ALLOW_ALL_ORIGINS = True 150 | CORS_ALLOW_HEADERS = '*' 151 | -------------------------------------------------------------------------------- /server/server/urls.py: -------------------------------------------------------------------------------- 1 | """server URL Configuration 2 | 3 | The `urlpatterns` list routes URLs to views. For more information please see: 4 | https://docs.djangoproject.com/en/4.1/topics/http/urls/ 5 | Examples: 6 | Function views 7 | 1. Add an import: from my_app import views 8 | 2. Add a URL to urlpatterns: path('', views.home, name='home') 9 | Class-based views 10 | 1. Add an import: from other_app.views import Home 11 | 2. Add a URL to urlpatterns: path('', Home.as_view(), name='home') 12 | Including another URLconf 13 | 1. Import the include() function: from django.urls import include, path 14 | 2. Add a URL to urlpatterns: path('blog/', include('blog.urls')) 15 | """ 16 | from django.conf.urls.static import static 17 | from django.contrib import admin 18 | from django.urls import path, include 19 | 20 | from server import settings 21 | 22 | urlpatterns = [ 23 | path('admin/', admin.site.urls), 24 | path('myapp/', include('myapp.urls')), 25 | ] + static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT) 26 | -------------------------------------------------------------------------------- /server/server/wsgi.py: -------------------------------------------------------------------------------- 1 | """ 2 | WSGI config for server project. 3 | 4 | It exposes the WSGI callable as a module-level variable named ``application``. 5 | 6 | For more information on this file, see 7 | https://docs.djangoproject.com/en/4.1/howto/deployment/wsgi/ 8 | """ 9 | 10 | import os 11 | 12 | from django.core.wsgi import get_wsgi_application 13 | 14 | os.environ.setdefault('DJANGO_SETTINGS_MODULE', 'server.settings') 15 | 16 | application = get_wsgi_application() 17 | -------------------------------------------------------------------------------- /server/upload/ad/1717248427687.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/net936/python_mall/54c886d739ac57be9677a5348333e775cc0dc031/server/upload/ad/1717248427687.jpeg -------------------------------------------------------------------------------- /server/upload/ad/1721137389652.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/net936/python_mall/54c886d739ac57be9677a5348333e775cc0dc031/server/upload/ad/1721137389652.jpeg -------------------------------------------------------------------------------- /server/upload/ad/1721137395524.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/net936/python_mall/54c886d739ac57be9677a5348333e775cc0dc031/server/upload/ad/1721137395524.jpeg -------------------------------------------------------------------------------- /server/upload/avatar/1716017756768.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/net936/python_mall/54c886d739ac57be9677a5348333e775cc0dc031/server/upload/avatar/1716017756768.png -------------------------------------------------------------------------------- /server/upload/avatar/1716017945368.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/net936/python_mall/54c886d739ac57be9677a5348333e775cc0dc031/server/upload/avatar/1716017945368.jpeg -------------------------------------------------------------------------------- /server/upload/avatar/1716017953831.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/net936/python_mall/54c886d739ac57be9677a5348333e775cc0dc031/server/upload/avatar/1716017953831.png -------------------------------------------------------------------------------- /server/upload/avatar/1716018100946.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/net936/python_mall/54c886d739ac57be9677a5348333e775cc0dc031/server/upload/avatar/1716018100946.png -------------------------------------------------------------------------------- /server/upload/avatar/1716018106970.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/net936/python_mall/54c886d739ac57be9677a5348333e775cc0dc031/server/upload/avatar/1716018106970.jpeg -------------------------------------------------------------------------------- /server/upload/avatar/1717249502324.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/net936/python_mall/54c886d739ac57be9677a5348333e775cc0dc031/server/upload/avatar/1717249502324.jpeg -------------------------------------------------------------------------------- /server/upload/avatar/1721137786035.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/net936/python_mall/54c886d739ac57be9677a5348333e775cc0dc031/server/upload/avatar/1721137786035.png -------------------------------------------------------------------------------- /server/upload/cover/1716043254213.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/net936/python_mall/54c886d739ac57be9677a5348333e775cc0dc031/server/upload/cover/1716043254213.jpeg -------------------------------------------------------------------------------- /server/upload/cover/1716083189595.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/net936/python_mall/54c886d739ac57be9677a5348333e775cc0dc031/server/upload/cover/1716083189595.jpeg -------------------------------------------------------------------------------- /server/upload/cover/1716083199860.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/net936/python_mall/54c886d739ac57be9677a5348333e775cc0dc031/server/upload/cover/1716083199860.jpeg -------------------------------------------------------------------------------- /server/upload/cover/1716083209737.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/net936/python_mall/54c886d739ac57be9677a5348333e775cc0dc031/server/upload/cover/1716083209737.jpeg -------------------------------------------------------------------------------- /server/upload/cover/1716083281670.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/net936/python_mall/54c886d739ac57be9677a5348333e775cc0dc031/server/upload/cover/1716083281670.jpeg -------------------------------------------------------------------------------- /server/upload/cover/1716083301393.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/net936/python_mall/54c886d739ac57be9677a5348333e775cc0dc031/server/upload/cover/1716083301393.jpeg -------------------------------------------------------------------------------- /server/upload/cover/1716087863555.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/net936/python_mall/54c886d739ac57be9677a5348333e775cc0dc031/server/upload/cover/1716087863555.jpeg -------------------------------------------------------------------------------- /server/upload/cover/1717249309482.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/net936/python_mall/54c886d739ac57be9677a5348333e775cc0dc031/server/upload/cover/1717249309482.jpeg -------------------------------------------------------------------------------- /server/upload/cover/1717249816837.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/net936/python_mall/54c886d739ac57be9677a5348333e775cc0dc031/server/upload/cover/1717249816837.jpeg -------------------------------------------------------------------------------- /server/upload/cover/1717297292698.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/net936/python_mall/54c886d739ac57be9677a5348333e775cc0dc031/server/upload/cover/1717297292698.jpeg -------------------------------------------------------------------------------- /server/upload/cover/1717297298858.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/net936/python_mall/54c886d739ac57be9677a5348333e775cc0dc031/server/upload/cover/1717297298858.jpeg -------------------------------------------------------------------------------- /server/upload/cover/1717297305179.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/net936/python_mall/54c886d739ac57be9677a5348333e775cc0dc031/server/upload/cover/1717297305179.jpeg -------------------------------------------------------------------------------- /server/upload/cover/1717297311519.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/net936/python_mall/54c886d739ac57be9677a5348333e775cc0dc031/server/upload/cover/1717297311519.jpeg -------------------------------------------------------------------------------- /server/upload/cover/1717297318288.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/net936/python_mall/54c886d739ac57be9677a5348333e775cc0dc031/server/upload/cover/1717297318288.jpeg -------------------------------------------------------------------------------- /server/upload/cover/1717297652697.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/net936/python_mall/54c886d739ac57be9677a5348333e775cc0dc031/server/upload/cover/1717297652697.jpeg -------------------------------------------------------------------------------- /server/upload/cover/1720966756430.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/net936/python_mall/54c886d739ac57be9677a5348333e775cc0dc031/server/upload/cover/1720966756430.jpeg -------------------------------------------------------------------------------- /server/upload/cover/1721050614545.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/net936/python_mall/54c886d739ac57be9677a5348333e775cc0dc031/server/upload/cover/1721050614545.jpeg -------------------------------------------------------------------------------- /server/upload/cover/1721050716882.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/net936/python_mall/54c886d739ac57be9677a5348333e775cc0dc031/server/upload/cover/1721050716882.jpeg -------------------------------------------------------------------------------- /server/upload/cover/1721050731450.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/net936/python_mall/54c886d739ac57be9677a5348333e775cc0dc031/server/upload/cover/1721050731450.jpeg -------------------------------------------------------------------------------- /server/upload/cover/1721050752492.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/net936/python_mall/54c886d739ac57be9677a5348333e775cc0dc031/server/upload/cover/1721050752492.jpeg -------------------------------------------------------------------------------- /server/upload/cover/1721050774821.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/net936/python_mall/54c886d739ac57be9677a5348333e775cc0dc031/server/upload/cover/1721050774821.jpeg -------------------------------------------------------------------------------- /server/upload/cover/1721050789488.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/net936/python_mall/54c886d739ac57be9677a5348333e775cc0dc031/server/upload/cover/1721050789488.jpeg -------------------------------------------------------------------------------- /server/upload/cover/1721050833371.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/net936/python_mall/54c886d739ac57be9677a5348333e775cc0dc031/server/upload/cover/1721050833371.jpeg -------------------------------------------------------------------------------- /server/upload/cover/1721050856519.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/net936/python_mall/54c886d739ac57be9677a5348333e775cc0dc031/server/upload/cover/1721050856519.jpeg -------------------------------------------------------------------------------- /server/upload/cover/1721050883264.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/net936/python_mall/54c886d739ac57be9677a5348333e775cc0dc031/server/upload/cover/1721050883264.jpeg -------------------------------------------------------------------------------- /server/upload/cover/1721050972272.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/net936/python_mall/54c886d739ac57be9677a5348333e775cc0dc031/server/upload/cover/1721050972272.jpeg -------------------------------------------------------------------------------- /server/upload/img/111.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/net936/python_mall/54c886d739ac57be9677a5348333e775cc0dc031/server/upload/img/111.jpg -------------------------------------------------------------------------------- /server/upload/img/222.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/net936/python_mall/54c886d739ac57be9677a5348333e775cc0dc031/server/upload/img/222.jpg -------------------------------------------------------------------------------- /server/upload/img/333.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/net936/python_mall/54c886d739ac57be9677a5348333e775cc0dc031/server/upload/img/333.jpg -------------------------------------------------------------------------------- /server/upload/img/444.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/net936/python_mall/54c886d739ac57be9677a5348333e775cc0dc031/server/upload/img/444.jpg -------------------------------------------------------------------------------- /server/upload/img/Wechat.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/net936/python_mall/54c886d739ac57be9677a5348333e775cc0dc031/server/upload/img/Wechat.jpeg -------------------------------------------------------------------------------- /server/upload/img/weixin.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/net936/python_mall/54c886d739ac57be9677a5348333e775cc0dc031/server/upload/img/weixin.png -------------------------------------------------------------------------------- /web/.eslintignore: -------------------------------------------------------------------------------- 1 | 2 | *.sh 3 | node_modules 4 | *.md 5 | *.woff 6 | *.ttf 7 | .vscode 8 | .idea 9 | dist 10 | /public 11 | /build 12 | /docs 13 | .husky 14 | .local 15 | /bin 16 | Dockerfile 17 | -------------------------------------------------------------------------------- /web/.eslintrc.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | root: true, 3 | env: { 4 | browser: true, 5 | node: true, 6 | es6: true, 7 | }, 8 | parser: 'vue-eslint-parser', 9 | parserOptions: { 10 | parser: '@typescript-eslint/parser', 11 | ecmaVersion: 2020, 12 | sourceType: 'module', 13 | jsxPragma: 'React', 14 | ecmaFeatures: { 15 | jsx: true, 16 | }, 17 | }, 18 | extends: ['plugin:vue/vue3-recommended', 'plugin:@typescript-eslint/recommended'], 19 | rules: { 20 | 'vue/script-setup-uses-vars': 'error', 21 | '@typescript-eslint/ban-ts-ignore': 'off', 22 | '@typescript-eslint/explicit-function-return-type': 'off', 23 | '@typescript-eslint/no-explicit-any': 'off', 24 | '@typescript-eslint/no-var-requires': 'off', 25 | '@typescript-eslint/no-empty-function': 'off', 26 | 'vue/custom-event-name-casing': 'off', 27 | 'no-use-before-define': 'off', 28 | '@typescript-eslint/no-use-before-define': 'off', 29 | '@typescript-eslint/ban-ts-comment': 'off', 30 | '@typescript-eslint/ban-types': 'off', 31 | '@typescript-eslint/no-non-null-assertion': 'off', 32 | '@typescript-eslint/explicit-module-boundary-types': 'off', 33 | '@typescript-eslint/no-unused-vars': 'off', 34 | 'no-unused-vars': 'off', 35 | 'space-before-function-paren': 'off', 36 | 37 | 'vue/attributes-order': 'off', 38 | 'vue/one-component-per-file': 'off', 39 | 'vue/html-closing-bracket-newline': 'off', 40 | 'vue/max-attributes-per-line': 'off', 41 | 'vue/multiline-html-element-content-newline': 'off', 42 | 'vue/singleline-html-element-content-newline': 'off', 43 | 'vue/attribute-hyphenation': 'off', 44 | 'vue/require-default-prop': 'off', 45 | 'vue/require-explicit-emits': 'off', 46 | 'vue/html-self-closing': [ 47 | 'error', 48 | { 49 | html: { 50 | void: 'always', 51 | normal: 'never', 52 | component: 'always', 53 | }, 54 | svg: 'always', 55 | math: 'always', 56 | }, 57 | ], 58 | 'vue/multi-word-component-names': 'off', 59 | }, 60 | }; 61 | -------------------------------------------------------------------------------- /web/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | .DS_Store 3 | dist 4 | dist-ssr 5 | .local 6 | .history 7 | # local env files 8 | .env.local 9 | .env.*.local 10 | .eslintcache 11 | .github 12 | .husky 13 | .vscode 14 | 15 | # Log files 16 | npm-debug.log* 17 | yarn-debug.log* 18 | yarn-error.log* 19 | pnpm-debug.log* 20 | pnpm-lock.yaml* 21 | 22 | # Editor directories and files 23 | .idea 24 | # .vscode 25 | *.suo 26 | *.ntvs* 27 | *.njsproj 28 | *.sln 29 | *.sw? 30 | ./packages 31 | ./history 32 | -------------------------------------------------------------------------------- /web/.stylelintignore: -------------------------------------------------------------------------------- 1 | /dist/* 2 | /public/* 3 | public/* 4 | -------------------------------------------------------------------------------- /web/README.md: -------------------------------------------------------------------------------- 1 | ### 学习文档 2 | 3 | #### 运行步骤 4 | 5 | npm run dev 6 | 7 | #### 部署步骤 8 | 9 | 1. 修改constants.ts中的BASE_URL 10 | 2. 修改源码客服 11 | 3. vite build 12 | 4. 将dist部署到nginx 13 | 14 | 15 | #### 配置解释 16 | 17 | 1. env.development 开发环境配置 18 | 2. eslintrc.js 代码规范化提示 19 | 3. vite.config.js vite 开发服务器配置 20 | 21 | #### 常见问题 22 | 23 | ##### node下载地址 24 | https://nodejs.org/dist/v18.20.2/node-v18.20.2-x64.msi 25 | 26 | ##### antd的css引入方式 27 | 在index.html里面引入的cdn 28 | 29 | ##### cdn 30 | https://cdn.jsdelivr.net/npm/ant-design-vue@3.2.20/dist/ 31 | https://cdn.staticfile.org/ant-design-vue/3.2.20/antd.min.css 32 | 33 | #### public文件夹内容在build后会自动打到dist中 34 | -------------------------------------------------------------------------------- /web/build/constant.ts: -------------------------------------------------------------------------------- 1 | /** 2 | * @name Config 3 | * @description 项目配置 4 | */ 5 | 6 | // 本地服务端口 7 | export const VITE_PORT = 8080; 8 | 9 | // 包依赖分析 10 | export const ANALYSIS = true; 11 | 12 | // 代码压缩 13 | export const COMPRESSION = true; 14 | -------------------------------------------------------------------------------- /web/build/vite/plugins/autoImport.ts: -------------------------------------------------------------------------------- 1 | /** 2 | * @name AutoImportDeps 3 | * @description 按需加载，自动引入 4 | */ 5 | import AutoImport from 'unplugin-auto-import/vite'; 6 | // import { AntDesignVueResolver} from 'unplugin-vue-components/resolvers'; 7 | 8 | export const AutoImportDeps = () => { 9 | return AutoImport({ 10 | dts: 'types/auto-imports.d.ts', 11 | imports: [ 12 | 'vue', 13 | 'pinia', 14 | 'vue-router', 15 | { 16 | '@vueuse/core': [], 17 | }, 18 | { 19 | 'naive-ui': ['useDialog', 'useMessage', 'useNotification', 'useLoadingBar'], 20 | }, 21 | ], 22 | resolvers: [ 23 | // AntDesignVueResolver(), 24 | ], 25 | }); 26 | }; 27 | -------------------------------------------------------------------------------- /web/build/vite/plugins/component.ts: -------------------------------------------------------------------------------- 1 | /** 2 | * @name AutoRegistryComponents 3 | * @description 按需加载，自动引入组件 4 | */ 5 | import Components from 'unplugin-vue-components/vite'; 6 | import { 7 | ElementPlusResolver, 8 | VueUseComponentsResolver, 9 | AntDesignVueResolver, 10 | TDesignResolver, 11 | NaiveUiResolver, 12 | } from 'unplugin-vue-components/resolvers'; 13 | export const AutoRegistryComponents = () => { 14 | return Components({ 15 | dirs: ['src/components'], 16 | extensions: ['vue'], 17 | deep: true, 18 | dts: 'types/components.d.ts', 19 | directoryAsNamespace: false, 20 | globalNamespaces: [], 21 | directives: true, 22 | importPathTransform: (v) => v, 23 | allowOverrides: false, 24 | include: [/\.vue$/, /\.vue\?vue/], 25 | exclude: [/[\\/]node_modules[\\/]/, /[\\/]\.git[\\/]/, /[\\/]\.nuxt[\\/]/], 26 | resolvers: [ 27 | ElementPlusResolver(), 28 | VueUseComponentsResolver(), 29 | AntDesignVueResolver(), 30 | TDesignResolver({ 31 | library: 'vue-next', 32 | }), 33 | NaiveUiResolver(), 34 | ], 35 | }); 36 | }; 37 | -------------------------------------------------------------------------------- /web/build/vite/plugins/compress.ts: -------------------------------------------------------------------------------- 1 | /** 2 | * @name ConfigCompressPlugin 3 | * @description 开启.gz压缩 4 | */ 5 | import viteCompression from 'vite-plugin-compression'; 6 | import { COMPRESSION } from '../../constant'; 7 | 8 | export const ConfigCompressPlugin = () => { 9 | if (COMPRESSION) { 10 | return viteCompression({ 11 | verbose: true, // 默认即可 12 | disable: false, //开启压缩(不禁用)，默认即可 13 | deleteOriginFile: false, //删除源文件 14 | threshold: 10240, //压缩前最小文件大小 15 | algorithm: 'gzip', //压缩算法 16 | ext: '.gz', //文件类型 17 | }); 18 | } 19 | return []; 20 | }; 21 | -------------------------------------------------------------------------------- /web/build/vite/plugins/imagemin.ts: -------------------------------------------------------------------------------- 1 | import viteImagemin from 'vite-plugin-imagemin'; 2 | 3 | export function ConfigImageminPlugin() { 4 | const plugin = viteImagemin({ 5 | gifsicle: { 6 | optimizationLevel: 7, 7 | interlaced: false, 8 | }, 9 | mozjpeg: { 10 | quality: 20, 11 | }, 12 | optipng: { 13 | optimizationLevel: 7, 14 | }, 15 | pngquant: { 16 | quality: [0.8, 0.9], 17 | speed: 4, 18 | }, 19 | svgo: { 20 | plugins: [ 21 | { 22 | name: 'removeViewBox', 23 | }, 24 | { 25 | name: 'removeEmptyAttrs', 26 | active: false, 27 | }, 28 | ], 29 | }, 30 | }); 31 | return plugin; 32 | } 33 | -------------------------------------------------------------------------------- /web/build/vite/plugins/index.ts: -------------------------------------------------------------------------------- 1 | /** 2 | * @name createVitePlugins 3 | * @description 封装plugins数组统一调用 4 | */ 5 | import { PluginOption } from 'vite'; 6 | import vue from '@vitejs/plugin-vue'; 7 | import vueJsx from '@vitejs/plugin-vue-jsx'; 8 | import { AutoImportDeps } from './autoImport'; 9 | import { ConfigCompressPlugin } from './compress'; 10 | import { ConfigRestartPlugin } from './restart'; 11 | import { ConfigProgressPlugin } from './progress'; 12 | import { ConfigVisualizerConfig } from './visualizer'; 13 | 14 | export function createVitePlugins(isBuild: boolean) { 15 | const vitePlugins = [ 16 | // vue支持 17 | vue(), 18 | // JSX支持 19 | vueJsx(), 20 | // setup语法糖组件名支持 21 | // vueSetupExtend(), 22 | // 提供https证书 23 | // VitePluginCertificate({ 24 | // source: 'coding', 25 | // }) as PluginOption, 26 | ]; 27 | 28 | // 自动按需引入组件 29 | // vitePlugins.push(AutoRegistryComponents()); 30 | 31 | // 自动按需引入依赖 32 | vitePlugins.push(AutoImportDeps()); 33 | 34 | // 自动生成路由 35 | // vitePlugins.push(ConfigPagesPlugin()); 36 | 37 | // 开启.gz压缩 rollup-plugin-gzip 38 | vitePlugins.push(ConfigCompressPlugin()); 39 | 40 | // 监听配置文件改动重启 41 | vitePlugins.push(ConfigRestartPlugin()); 42 | 43 | // 构建时显示进度条 44 | vitePlugins.push(ConfigProgressPlugin()); 45 | 46 | // 构建时显示进度条 47 | vitePlugins.push(ConfigVisualizerConfig()); 48 | 49 | return vitePlugins; 50 | } 51 | -------------------------------------------------------------------------------- /web/build/vite/plugins/progress.ts: -------------------------------------------------------------------------------- 1 | /** 2 | * @name ConfigProgressPlugin 3 | * @description 构建显示进度条 4 | */ 5 | 6 | import progress from 'vite-plugin-progress'; 7 | export const ConfigProgressPlugin = () => { 8 | return progress(); 9 | }; 10 | -------------------------------------------------------------------------------- /web/build/vite/plugins/restart.ts: -------------------------------------------------------------------------------- 1 | /** 2 | * @name ConfigRestartPlugin 3 | * @description 监听配置文件修改自动重启Vite 4 | */ 5 | import ViteRestart from 'vite-plugin-restart'; 6 | export const ConfigRestartPlugin = () => { 7 | return ViteRestart({ 8 | restart: ['*.config.[jt]s', '**/config/*.[jt]s'], 9 | }); 10 | }; 11 | -------------------------------------------------------------------------------- /web/build/vite/plugins/unocss.ts: -------------------------------------------------------------------------------- 1 | /** 2 | * @name ConfigUnocssPlugin 3 | * @description 监听配置文件修改自动重启Vite 4 | */ 5 | 6 | // Unocss 7 | import Unocss from 'unocss/vite'; 8 | 9 | export const ConfigUnocssPlugin = () => { 10 | return Unocss(); 11 | }; 12 | -------------------------------------------------------------------------------- /web/build/vite/plugins/visualizer.ts: -------------------------------------------------------------------------------- 1 | import visualizer from 'rollup-plugin-visualizer'; 2 | import { ANALYSIS } from '../../constant'; 3 | 4 | export function ConfigVisualizerConfig() { 5 | if (ANALYSIS) { 6 | return visualizer({ 7 | filename: 'dist/report.html', 8 | open: true, 9 | gzipSize: true, 10 | emitFile: false 11 | }); 12 | } 13 | return []; 14 | } 15 | -------------------------------------------------------------------------------- /web/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 商城系统 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 | 19 | 20 | 21 | -------------------------------------------------------------------------------- /web/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "my-web-app", 3 | "version": "0.1.2", 4 | "author": "lengqin1024", 5 | "scripts": { 6 | "dev": "vite --mode development", 7 | "build": "vite build", 8 | "preview": "vite preview" 9 | }, 10 | "dependencies": { 11 | "@ant-design/icons-vue": "^6.1.0", 12 | "@vueuse/components": "^9.10.0", 13 | "@vueuse/core": "^9.10.0", 14 | "@wangeditor/editor": "^5.1.23", 15 | "@wangeditor/editor-for-vue": "^5.1.12", 16 | "ant-design-vue": "^3.2.20", 17 | "axios": "^1.2.2", 18 | "pinia": "^2.0.28", 19 | "pinia-plugin-persistedstate": "^3.0.2", 20 | "qs": "^6.11.0", 21 | "vue": "^3.2.45", 22 | "vue-router": "^4.1.6" 23 | }, 24 | "devDependencies": { 25 | "@types/qs": "^6.9.7", 26 | "@typescript-eslint/eslint-plugin": "^5.48.0", 27 | "@typescript-eslint/parser": "^5.48.0", 28 | "@vitejs/plugin-vue": "^4.0.0", 29 | "@vitejs/plugin-vue-jsx": "^3.0.0", 30 | "autoprefixer": "^10.4.13", 31 | "eslint": "8.22.0", 32 | "eslint-config-prettier": "^8.6.0", 33 | "eslint-define-config": "^1.13.0", 34 | "eslint-plugin-prettier": "^4.2.1", 35 | "eslint-plugin-vue": "^9.8.0", 36 | "less": "^4.1.3", 37 | "less-loader": "^11.1.0", 38 | "postcss": "^8.4.21", 39 | "postcss-html": "^1.5.0", 40 | "postcss-less": "^6.0.0", 41 | "prettier": "^2.8.3", 42 | "rollup-plugin-visualizer": "^5.9.0", 43 | "stylelint": "^14.16.1", 44 | "stylelint-config-standard": "^29.0.0", 45 | "stylelint-order": "^6.0.1", 46 | "typescript": "4.9.4", 47 | "unplugin-auto-import": "^0.12.2", 48 | "vite": "^4.3.2", 49 | "vite-plugin-compression": "^0.5.1", 50 | "vite-plugin-progress": "^0.0.6", 51 | "vite-plugin-restart": "^0.3.1" 52 | } 53 | } 54 | -------------------------------------------------------------------------------- /web/postcss.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | plugins: { 3 | autoprefixer: {}, 4 | }, 5 | }; 6 | -------------------------------------------------------------------------------- /web/prettier.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | printWidth: 140, 3 | semi: true, 4 | vueIndentScriptAndStyle: true, 5 | singleQuote: true, 6 | trailingComma: 'all', 7 | proseWrap: 'never', 8 | htmlWhitespaceSensitivity: 'strict', 9 | endOfLine: 'auto', 10 | }; 11 | -------------------------------------------------------------------------------- /web/public/ico.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/net936/python_mall/54c886d739ac57be9677a5348333e775cc0dc031/web/public/ico.png -------------------------------------------------------------------------------- /web/public/images/admin-login-bg.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/net936/python_mall/54c886d739ac57be9677a5348333e775cc0dc031/web/public/images/admin-login-bg.jpg -------------------------------------------------------------------------------- /web/public/images/admin-login-bg2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/net936/python_mall/54c886d739ac57be9677a5348333e775cc0dc031/web/public/images/admin-login-bg2.jpg -------------------------------------------------------------------------------- /web/public/images/demo.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/net936/python_mall/54c886d739ac57be9677a5348333e775cc0dc031/web/public/images/demo.jpg -------------------------------------------------------------------------------- /web/src/App.vue: -------------------------------------------------------------------------------- 1 | 6 | 10 | 11 | 17 | -------------------------------------------------------------------------------- /web/src/api/index/ad.js: -------------------------------------------------------------------------------- 1 | import { get, post } from '/@/utils/http/axios'; 2 | 3 | const URL = { 4 | list: '/myapp/admin/ad/list', 5 | }; 6 | 7 | const listApi = async (params) => get({ url: URL.list, params: params, data: {}, headers: {} }); 8 | 9 | export { listApi }; 10 | -------------------------------------------------------------------------------- /web/src/api/index/address.js: -------------------------------------------------------------------------------- 1 | import { get, post } from '/@/utils/http/axios'; 2 | 3 | const URL = { 4 | list: '/myapp/index/address/list', 5 | create: '/myapp/index/address/create', 6 | update: '/myapp/index/address/update', 7 | delete: '/myapp/index/address/delete', 8 | }; 9 | 10 | const listApi = async (params) => get({ url: URL.list, params: params, data: {}, headers: {} }); 11 | const createApi = async (data) => 12 | post({ 13 | url: URL.create, 14 | params: {}, 15 | data: data, 16 | headers: { 'Content-Type': 'multipart/form-data;charset=utf-8' }, 17 | }); 18 | const updateApi = async (params, data) => 19 | post({ 20 | url: URL.update, 21 | params: params, 22 | data: data, 23 | headers: { 'Content-Type': 'multipart/form-data;charset=utf-8' }, 24 | }); 25 | const deleteApi = async (params) => post({ url: URL.delete, params: params, headers: {} }); 26 | 27 | export { listApi, createApi, updateApi, deleteApi }; 28 | -------------------------------------------------------------------------------- /web/src/api/index/classification.js: -------------------------------------------------------------------------------- 1 | import { get, post } from '/@/utils/http/axios'; 2 | const URL = { 3 | list: '/myapp/index/classification/list', 4 | }; 5 | 6 | const listApi = async (params) => get({ url: URL.list, params: params, data: {}, headers: {} }); 7 | 8 | export { listApi }; 9 | -------------------------------------------------------------------------------- /web/src/api/index/comment.js: -------------------------------------------------------------------------------- 1 | import { get, post } from '/@/utils/http/axios'; 2 | 3 | const URL = { 4 | create: '/myapp/index/comment/create', 5 | listThingComments: '/myapp/index/comment/list', 6 | listUserComments: '/myapp/index/comment/listMyComments', 7 | like: '/myapp/index/comment/like', 8 | }; 9 | 10 | const createApi = async (data) => 11 | post({ 12 | url: URL.create, 13 | params: {}, 14 | data: data, 15 | headers: { 'Content-Type': 'multipart/form-data;charset=utf-8' }, 16 | }); 17 | const listThingCommentsApi = async (params) => get({ url: URL.listThingComments, params: params, data: {}, headers: {} }); 18 | const listUserCommentsApi = async (params) => get({ url: URL.listUserComments, params: params, data: {}, headers: {} }); 19 | const likeApi = async (params) => post({ url: URL.like, params: params, headers: {} }); 20 | 21 | export { createApi, listThingCommentsApi, listUserCommentsApi, likeApi }; 22 | -------------------------------------------------------------------------------- /web/src/api/index/feedback.js: -------------------------------------------------------------------------------- 1 | import { get, post } from '/@/utils/http/axios'; 2 | 3 | const URL = { 4 | create: '/myapp/index/feedback/create', 5 | }; 6 | 7 | const createApi = async (params, data) => post({ url: URL.create, params: params, data: data, headers: {} }); 8 | 9 | export { createApi }; 10 | -------------------------------------------------------------------------------- /web/src/api/index/notice.js: -------------------------------------------------------------------------------- 1 | import { get, post } from '/@/utils/http/axios'; 2 | 3 | const URL = { 4 | list: '/myapp/index/notice/list_api', 5 | }; 6 | 7 | const listApi = async (params) => get({ url: URL.list, params: params, data: {}, headers: {} }); 8 | 9 | export { listApi }; 10 | -------------------------------------------------------------------------------- /web/src/api/index/order.js: -------------------------------------------------------------------------------- 1 | import { get, post } from '/@/utils/http/axios'; 2 | 3 | const URL = { 4 | create: '/myapp/index/order/create', 5 | cancelUserOrder: '/myapp/index/order/cancel_order', 6 | userOrderList: '/myapp/index/order/list', 7 | }; 8 | 9 | const createApi = async (data) => post({ url: URL.create, data: data, headers: {} }); 10 | 11 | const userOrderListApi = async (params) => get({ url: URL.userOrderList, params: params, data: {}, headers: {} }); 12 | 13 | const cancelUserOrderApi = async (params) => post({ url: URL.cancelUserOrder, params: params, headers: {} }); 14 | 15 | export { createApi, userOrderListApi, cancelUserOrderApi }; 16 | -------------------------------------------------------------------------------- /web/src/api/index/thing.js: -------------------------------------------------------------------------------- 1 | // 权限问题后期增加 2 | import { get, post } from '/@/utils/http/axios'; 3 | const URL = { 4 | list: '/myapp/index/thing/list', 5 | detail: '/myapp/index/thing/detail', 6 | addWishUser: '/myapp/index/thing/addWishUser', 7 | addCollectUser: '/myapp/index/thing/addCollectUser', 8 | getCollectThingList: '/myapp/index/thing/getCollectThingList', 9 | getWishThingList: '/myapp/index/thing/getWishThingList', 10 | removeCollectUser: '/myapp/index/thing/removeCollectUser', 11 | removeWishUser: '/myapp/index/thing/removeWishUser', 12 | listUserThing: '/myapp/index/thing/listUserThing', 13 | create: '/myapp/index/thing/create', 14 | update: '/myapp/index/thing/update', 15 | getRecommend: '/myapp/index/thing/getRecommend', 16 | rate: '/myapp/index/thing/rate', 17 | }; 18 | 19 | const listApi = async (params) => get({ url: URL.list, params: params, data: {}, headers: {} }); 20 | const detailApi = async (params) => get({ url: URL.detail, params: params, headers: {} }); 21 | const addWishUserApi = async (params) => post({ url: URL.addWishUser, params: params, headers: {} }); 22 | const addCollectUserApi = async (params) => post({ url: URL.addCollectUser, params: params, headers: {} }); 23 | const getCollectThingListApi = async (params) => get({ url: URL.getCollectThingList, params: params, headers: {} }); 24 | const getWishThingListApi = async (params) => get({ url: URL.getWishThingList, params: params, headers: {} }); 25 | 26 | const removeCollectUserApi = async (params) => post({ url: URL.removeCollectUser, params: params, headers: {} }); 27 | const removeWishUserApi = async (params) => post({ url: URL.removeWishUser, params: params, headers: {} }); 28 | 29 | const listUserThingApi = async (params) => get({ url: URL.listUserThing, params: params, data: {}, headers: {} }); 30 | const createApi = async (data) => 31 | post({ url: URL.create, params: {}, data: data, headers: { 'Content-Type': 'multipart/form-data;charset=utf-8' } }); 32 | const updateApi = async (params, data) => 33 | post({ url: URL.update, params: params, data: data, headers: { 'Content-Type': 'multipart/form-data;charset=utf-8' } }); 34 | 35 | const getRecommendApi = async (params, data) => 36 | get({ url: URL.getRecommend, params: params, data: data, headers: { 'Content-Type': 'multipart/form-data;charset=utf-8' } }); 37 | 38 | const rateApi = async (params) => post({ url: URL.rate, params: params, headers: { 'Content-Type': 'multipart/form-data;charset=utf-8' } }); 39 | 40 | export { 41 | listApi, 42 | detailApi, 43 | addWishUserApi, 44 | addCollectUserApi, 45 | getCollectThingListApi, 46 | getWishThingListApi, 47 | removeCollectUserApi, 48 | removeWishUserApi, 49 | listUserThingApi, 50 | createApi, 51 | updateApi, 52 | getRecommendApi, 53 | rateApi, 54 | }; 55 | -------------------------------------------------------------------------------- /web/src/api/index/thingCollect.js: -------------------------------------------------------------------------------- 1 | import { get, post } from '/@/utils/http/axios'; 2 | import { UserState } from '/@/store/modules/user/types'; 3 | 4 | const URL = { 5 | userCollectList: '/api/thingCollect/getUserCollectList', 6 | collect: '/api/thingCollect/collect', 7 | unCollect: '/api/thingCollect/unCollect', 8 | }; 9 | 10 | const collectApi = async (data) => 11 | post({ url: URL.collect, params: {}, data: data, headers: { 'Content-Type': 'multipart/form-data;charset=utf-8' } }); 12 | const unCollectApi = async (params) => 13 | post({ url: URL.unCollect, params: params, headers: { 'Content-Type': 'multipart/form-data;charset=utf-8' } }); 14 | const userCollectListApi = async (params) => get({ url: URL.userCollectList, params: params }); 15 | 16 | export { collectApi, unCollectApi, userCollectListApi }; 17 | -------------------------------------------------------------------------------- /web/src/api/index/thingWish.js: -------------------------------------------------------------------------------- 1 | // 权限问题后期增加 2 | import { get, post } from '/@/utils/http/axios'; 3 | import { UserState } from '/@/store/modules/user/types'; 4 | // import axios from 'axios'; 5 | const URL = { 6 | userWishList: '/api/thingWish/getUserWishList', 7 | wish: '/api/thingWish/wish', 8 | unWish: '/api/thingWish/unWish', 9 | }; 10 | 11 | const wishApi = async (data) => 12 | post({ url: URL.wish, params: {}, data: data, headers: { 'Content-Type': 'multipart/form-data;charset=utf-8' } }); 13 | const unWishApi = async (params) => 14 | post({ url: URL.unWish, params: params, headers: { 'Content-Type': 'multipart/form-data;charset=utf-8' } }); 15 | const userWishListApi = async (params) => get({ url: URL.userWishList, params: params }); 16 | 17 | export { wishApi, unWishApi, userWishListApi }; 18 | -------------------------------------------------------------------------------- /web/src/api/index/user.js: -------------------------------------------------------------------------------- 1 | // 权限问题后期增加 2 | import { get, post } from '/@/utils/http/axios'; 3 | const URL = { 4 | userLogin: '/myapp/index/user/login', 5 | userRegister: '/myapp/index/user/register', 6 | detail: '/myapp/index/user/info', 7 | updateUserPwd: '/myapp/index/user/updatePwd', 8 | updateUserInfo: '/myapp/index/user/update', 9 | }; 10 | 11 | const detailApi = async (params) => get({ url: URL.detail, params: params, data: {}, headers: {} }); 12 | const userLoginApi = async (data) => post({ url: URL.userLogin, data, headers: { 'Content-Type': 'multipart/form-data;charset=utf-8' } }); 13 | const userRegisterApi = async (data) => post({ url: URL.userRegister, params: {}, data: data }); 14 | const updateUserPwdApi = async (params, data) => post({ url: URL.updateUserPwd, params: params, data: data }); 15 | const updateUserInfoApi = async (params, data) => 16 | post({ url: URL.updateUserInfo, params: params, data: data, headers: { 'Content-Type': 'multipart/form-data;charset=utf-8' } }); 17 | 18 | export { detailApi, userLoginApi, userRegisterApi, updateUserPwdApi, updateUserInfoApi }; 19 | -------------------------------------------------------------------------------- /web/src/assets/fonts/Blimone-ExtraBold.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/net936/python_mall/54c886d739ac57be9677a5348333e775cc0dc031/web/src/assets/fonts/Blimone-ExtraBold.woff -------------------------------------------------------------------------------- /web/src/assets/fonts/Blimone-ExtraLight.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/net936/python_mall/54c886d739ac57be9677a5348333e775cc0dc031/web/src/assets/fonts/Blimone-ExtraLight.woff -------------------------------------------------------------------------------- /web/src/assets/fonts/Blimone-Light.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/net936/python_mall/54c886d739ac57be9677a5348333e775cc0dc031/web/src/assets/fonts/Blimone-Light.woff -------------------------------------------------------------------------------- /web/src/assets/fonts/Blimone-Regular.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/net936/python_mall/54c886d739ac57be9677a5348333e775cc0dc031/web/src/assets/fonts/Blimone-Regular.woff -------------------------------------------------------------------------------- /web/src/assets/icons/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/net936/python_mall/54c886d739ac57be9677a5348333e775cc0dc031/web/src/assets/icons/logo.png -------------------------------------------------------------------------------- /web/src/assets/icons/svg/github.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /web/src/assets/icons/svg/marks.svg: -------------------------------------------------------------------------------- 1 | 2 | 4 | -------------------------------------------------------------------------------- /web/src/assets/icons/svg/test.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /web/src/assets/icons/svg/ts.svg: -------------------------------------------------------------------------------- 1 | 2 | 5 | -------------------------------------------------------------------------------- /web/src/assets/icons/svg/twitter.svg: -------------------------------------------------------------------------------- 1 | 2 | 4 | -------------------------------------------------------------------------------- /web/src/assets/images/add.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /web/src/assets/images/address-right-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /web/src/assets/images/ali-pay-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /web/src/assets/images/avatar.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/net936/python_mall/54c886d739ac57be9677a5348333e775cc0dc031/web/src/assets/images/avatar.jpg -------------------------------------------------------------------------------- /web/src/assets/images/banner-02.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/net936/python_mall/54c886d739ac57be9677a5348333e775cc0dc031/web/src/assets/images/banner-02.webp -------------------------------------------------------------------------------- /web/src/assets/images/banner2.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 12 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | -------------------------------------------------------------------------------- /web/src/assets/images/cart-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /web/src/assets/images/clear-search.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /web/src/assets/images/code-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /web/src/assets/images/delete-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /web/src/assets/images/ebook-download-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /web/src/assets/images/gwc.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/net936/python_mall/54c886d739ac57be9677a5348333e775cc0dc031/web/src/assets/images/gwc.png -------------------------------------------------------------------------------- /web/src/assets/images/ic-admin-logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/net936/python_mall/54c886d739ac57be9677a5348333e775cc0dc031/web/src/assets/images/ic-admin-logo.png -------------------------------------------------------------------------------- /web/src/assets/images/ic-delete.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/net936/python_mall/54c886d739ac57be9677a5348333e775cc0dc031/web/src/assets/images/ic-delete.png -------------------------------------------------------------------------------- /web/src/assets/images/ic-message.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/net936/python_mall/54c886d739ac57be9677a5348333e775cc0dc031/web/src/assets/images/ic-message.png -------------------------------------------------------------------------------- /web/src/assets/images/k-logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/net936/python_mall/54c886d739ac57be9677a5348333e775cc0dc031/web/src/assets/images/k-logo.png -------------------------------------------------------------------------------- /web/src/assets/images/login-banner.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/net936/python_mall/54c886d739ac57be9677a5348333e775cc0dc031/web/src/assets/images/login-banner.png -------------------------------------------------------------------------------- /web/src/assets/images/login.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/net936/python_mall/54c886d739ac57be9677a5348333e775cc0dc031/web/src/assets/images/login.png -------------------------------------------------------------------------------- /web/src/assets/images/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/net936/python_mall/54c886d739ac57be9677a5348333e775cc0dc031/web/src/assets/images/logo.png -------------------------------------------------------------------------------- /web/src/assets/images/mail-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /web/src/assets/images/message-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /web/src/assets/images/order-address-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /web/src/assets/images/order-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /web/src/assets/images/order-point-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /web/src/assets/images/order-thing-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /web/src/assets/images/pwd-hidden.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /web/src/assets/images/pwd-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /web/src/assets/images/read-online-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /web/src/assets/images/recommend-hover.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/net936/python_mall/54c886d739ac57be9677a5348333e775cc0dc031/web/src/assets/images/recommend-hover.png -------------------------------------------------------------------------------- /web/src/assets/images/recommend-hover.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /web/src/assets/images/register-name.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /web/src/assets/images/search-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /web/src/assets/images/searchIcon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /web/src/assets/images/setting-card-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /web/src/assets/images/setting-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /web/src/assets/images/setting-msg-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /web/src/assets/images/setting-push-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /web/src/assets/images/setting-safe-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /web/src/assets/images/share-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /web/src/assets/images/tel-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /web/src/assets/images/want-read-hover.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/net936/python_mall/54c886d739ac57be9677a5348333e775cc0dc031/web/src/assets/images/want-read-hover.png -------------------------------------------------------------------------------- /web/src/assets/images/want-read-hover.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /web/src/assets/images/wb-share.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /web/src/assets/images/wx-pay-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /web/src/assets/styles/base.less: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/net936/python_mall/54c886d739ac57be9677a5348333e775cc0dc031/web/src/assets/styles/base.less -------------------------------------------------------------------------------- /web/src/core/bootstrap.js: -------------------------------------------------------------------------------- 1 | // localStorage恢复到内存 2 | 3 | import { useUserStore } from '/@/store'; 4 | import { USER_ID, USER_NAME, USER_TOKEN, ADMIN_USER_ID, ADMIN_USER_NAME, ADMIN_USER_TOKEN } from '/@/store/constants'; 5 | 6 | export default function Initializer() { 7 | const userStore = useUserStore(); 8 | userStore.$patch((state) => { 9 | state.user_id = localStorage.getItem(USER_ID); 10 | state.user_name = localStorage.getItem(USER_NAME); 11 | state.user_token = localStorage.getItem(USER_TOKEN); 12 | 13 | state.admin_user_id = localStorage.getItem(ADMIN_USER_ID); 14 | state.admin_user_name = localStorage.getItem(ADMIN_USER_NAME); 15 | state.admin_user_token = localStorage.getItem(ADMIN_USER_TOKEN); 16 | console.log('恢复store完毕==>', state); 17 | }); 18 | } 19 | -------------------------------------------------------------------------------- /web/src/main.js: -------------------------------------------------------------------------------- 1 | import { createApp } from 'vue'; 2 | import App from './App.vue'; 3 | import router from './router'; 4 | import piniaStore from './store'; 5 | 6 | import bootstrap from './core/bootstrap'; 7 | import '/@/styles/reset.less'; 8 | import '/@/styles/index.less'; 9 | import Antd from 'ant-design-vue'; 10 | 11 | const app = createApp(App); 12 | 13 | app.use(Antd); 14 | app.use(router); 15 | app.use(piniaStore); 16 | app.use(bootstrap); 17 | app.mount('#app'); 18 | -------------------------------------------------------------------------------- /web/src/router/index.js: -------------------------------------------------------------------------------- 1 | import { createRouter, createWebHistory } from 'vue-router'; 2 | import root from './root'; 3 | 4 | import { ADMIN_USER_TOKEN, USER_TOKEN } from '/@/store/constants'; 5 | 6 | // 路由权限白名单 7 | const allowList = ['adminLogin', 'login', 'feedback', 'register', 'home', 'recommend','search', 'detail', '403', '404']; 8 | // 前台登录地址 9 | const loginRoutePath = '/index/login'; 10 | // 后台登录地址 11 | const adminLoginRoutePath = '/adminLogin'; 12 | 13 | const router = createRouter({ 14 | history: createWebHistory(), 15 | routes: root, 16 | }); 17 | 18 | router.beforeEach(async (to, from, next) => { 19 | console.log(to, from); 20 | 21 | /** 后台路由 **/ 22 | if (to.path.startsWith('/admin')) { 23 | if (localStorage.getItem(ADMIN_USER_TOKEN)) { 24 | if (to.path === adminLoginRoutePath) { 25 | next({ path: '/' }); 26 | } else { 27 | next(); 28 | } 29 | } else { 30 | if (allowList.includes(to.name)) { 31 | // 在免登录名单，直接进入 32 | next(); 33 | } else { 34 | next({ path: adminLoginRoutePath, query: { redirect: to.fullPath } }); 35 | } 36 | } 37 | // next() 38 | } 39 | 40 | /** 前台路由 **/ 41 | if (to.path.startsWith('/index')) { 42 | if (localStorage.getItem(USER_TOKEN)) { 43 | if (to.path === loginRoutePath) { 44 | next({ path: '/' }); 45 | } else { 46 | next(); 47 | } 48 | } else { 49 | if (allowList.includes(to.name)) { 50 | // 在免登录名单，直接进入 51 | next(); 52 | } else { 53 | next({ path: loginRoutePath, query: { redirect: to.fullPath } }); 54 | } 55 | } 56 | // next() 57 | } 58 | }); 59 | 60 | router.afterEach((_to) => { 61 | // 回到顶部 62 | document.getElementById('html')?.scrollTo(0, 0); 63 | }); 64 | 65 | export default router; 66 | -------------------------------------------------------------------------------- /web/src/router/root.js: -------------------------------------------------------------------------------- 1 | // 路由表 2 | const constantRouterMap = [ 3 | // ************* 前台路由 ************** 4 | { 5 | path: '/', 6 | redirect: '/index', 7 | }, 8 | { 9 | path: '/index', 10 | name: 'index', 11 | redirect: '/index/home', 12 | component: () => import('/@/views/index/index.vue'), 13 | children: [ 14 | { 15 | path: 'login', 16 | name: 'login', 17 | component: () => import('/@/views/index/login.vue'), 18 | }, 19 | { 20 | path: 'register', 21 | name: 'register', 22 | component: () => import('/@/views/index/register.vue'), 23 | }, 24 | { 25 | path: 'home', 26 | name: 'home', 27 | component: () => import('/@/views/index/home.vue'), 28 | }, 29 | { 30 | path: 'recommend', 31 | name: 'recommend', 32 | component: () => import('/@/views/index/recommend.vue'), 33 | }, 34 | { 35 | path: 'detail', 36 | name: 'detail', 37 | component: () => import('/@/views/index/detail.vue'), 38 | }, 39 | { 40 | path: 'confirm', 41 | name: 'confirm', 42 | component: () => import('/@/views/index/confirm.vue'), 43 | }, 44 | { 45 | path: 'confirmBuy', 46 | name: 'confirmBuy', 47 | component: () => import('/@/views/index/confirmBuy.vue'), 48 | }, 49 | { 50 | path: 'success', 51 | name: 'success', 52 | component: () => import('/@/views/index/success.vue'), 53 | }, 54 | { 55 | path: 'feedback', 56 | name: 'feedback', 57 | component: () => import('/@/views/index/feedback.vue'), 58 | }, 59 | { 60 | path: 'search', 61 | name: 'search', 62 | component: () => import('/@/views/index/search.vue'), 63 | }, 64 | { 65 | path: 'usercenter', 66 | name: 'usercenter', 67 | redirect: '/index/usercenter/userInfoEditView', 68 | component: () => import('/@/views/index/usercenter.vue'), 69 | children: [ 70 | { 71 | path: 'wishThingView', 72 | name: 'wishThingView', 73 | component: () => import('/@/views/index/user/wish-thing-view.vue'), 74 | }, 75 | { 76 | path: 'collectThingView', 77 | name: 'collectThingView', 78 | component: () => import('/@/views/index/user/collect-thing-view.vue'), 79 | }, 80 | { 81 | path: 'orderView', 82 | name: 'orderView', 83 | component: () => import('/@/views/index/user/order-view.vue'), 84 | }, 85 | { 86 | path: 'userInfoEditView', 87 | name: 'userInfoEditView', 88 | component: () => import('/@/views/index/user/userinfo-edit-view.vue'), 89 | }, 90 | { 91 | path: 'commentView', 92 | name: 'commentView', 93 | component: () => import('/@/views/index/user/comment-view.vue'), 94 | }, 95 | { 96 | path: 'securityView', 97 | name: 'securityView', 98 | component: () => import('/@/views/index/user/security-view.vue'), 99 | }, 100 | { 101 | path: 'messageView', 102 | name: 'messageView', 103 | component: () => import('/@/views/index/user/message-view.vue'), 104 | }, 105 | ], 106 | }, 107 | ], 108 | }, 109 | { 110 | path: '/adminLogin', 111 | name: 'adminLogin', 112 | component: () => import('/@/views/admin/admin-login.vue'), 113 | }, 114 | { 115 | path: '/admin', 116 | name: 'admin', 117 | redirect: '/admin/thing', 118 | component: () => import('/@/views/admin/main.vue'), 119 | children: [ 120 | { path: 'overview', name: 'overview', component: () => import('/@/views/admin/overview.vue') }, 121 | { path: 'order', name: 'order', component: () => import('/@/views/admin/order.vue') }, 122 | { path: 'thing', name: 'thing', component: () => import('/@/views/admin/thing.vue') }, 123 | { path: 'comment', name: 'comment', component: () => import('/@/views/admin/comment.vue') }, 124 | { path: 'user', name: 'user', component: () => import('/@/views/admin/user.vue') }, 125 | { path: 'classification', name: 'classification', component: () => import('/@/views/admin/classification.vue') }, 126 | { path: 'ad', name: 'ad', component: () => import('/@/views/admin/ad.vue') }, 127 | { path: 'notice', name: 'notice', component: () => import('/@/views/admin/notice.vue') }, 128 | { path: 'loginLog', name: 'loginLog', component: () => import('/@/views/admin/login-log.vue') }, 129 | { path: 'opLog', name: 'opLog', component: () => import('/@/views/admin/op-log.vue') }, 130 | { path: 'errorLog', name: 'errorLog', component: () => import('/@/views/admin/error-log.vue') }, 131 | { path: 'feedbackList', name: 'feedbackList', component: () => import('/@/views/admin/feedbackList.vue') }, 132 | { path: 'sysInfo', name: 'sysInfo', component: () => import('/@/views/admin/sys-info.vue') }, 133 | ], 134 | }, 135 | ]; 136 | 137 | export default constantRouterMap; 138 | -------------------------------------------------------------------------------- /web/src/store/constants.js: -------------------------------------------------------------------------------- 1 | const BASE_URL = 'http://127.0.0.1:8000'; 2 | // const BASE_URL = 'https://jiazheng.gitapp.cn/api'; 3 | 4 | const USER_ID = 'user_id'; 5 | const USER_NAME = 'user_name'; 6 | const USER_TOKEN = 'user_token'; 7 | 8 | const ADMIN_USER_ID = 'admin_user_id'; 9 | const ADMIN_USER_NAME = 'admin_user_name'; 10 | const ADMIN_USER_TOKEN = 'admin_user_token'; 11 | 12 | export { BASE_URL, USER_TOKEN, USER_NAME, USER_ID, ADMIN_USER_ID, ADMIN_USER_NAME, ADMIN_USER_TOKEN }; 13 | -------------------------------------------------------------------------------- /web/src/store/index.js: -------------------------------------------------------------------------------- 1 | import { createPinia } from 'pinia'; 2 | import { useAppStore } from './modules/app'; 3 | import { useUserStore } from './modules/user'; 4 | 5 | import piniaPluginPersistedstate from 'pinia-plugin-persistedstate'; 6 | 7 | const pinia = createPinia(); 8 | pinia.use(piniaPluginPersistedstate); 9 | 10 | export { useAppStore, useUserStore }; 11 | export default pinia; 12 | -------------------------------------------------------------------------------- /web/src/store/modules/app/index.ts: -------------------------------------------------------------------------------- 1 | import { defineStore } from 'pinia'; 2 | import piniaStore from '/@/store'; 3 | import { AppState } from './types'; 4 | 5 | export const useAppStore = defineStore( 6 | // 唯一ID 7 | 'app', 8 | { 9 | state: () => ({ 10 | title: 'FastVue3, 一个快速开箱即用的Vue3+Vite模板', 11 | h1: 'Vue3 + Vite3.x + TypeScript + Pinia大厂开发必备', 12 | theme: '', 13 | }), 14 | getters: {}, 15 | actions: { 16 | updateSettings(partial: Partial) { 17 | this.$patch(partial); 18 | }, 19 | 20 | // Change theme color 21 | toggleTheme(dark: boolean) { 22 | if (dark) { 23 | this.theme = 'dark'; 24 | document.documentElement.classList.add('dark'); 25 | } else { 26 | this.theme = 'light'; 27 | document.documentElement.classList.remove('dark'); 28 | } 29 | }, 30 | }, 31 | persist: { 32 | key: 'theme', 33 | storage: localStorage, 34 | paths: ['theme'], 35 | }, 36 | }, 37 | ); 38 | 39 | export function useAppOutsideStore() { 40 | return useAppStore(piniaStore); 41 | } 42 | -------------------------------------------------------------------------------- /web/src/store/modules/app/types.ts: -------------------------------------------------------------------------------- 1 | export interface AppState { 2 | theme: string; 3 | colorWeek: boolean; 4 | navbar: boolean; 5 | menu: boolean; 6 | menuCollapse: boolean; 7 | footer: boolean; 8 | themeColor: string; 9 | menuWidth: number; 10 | globalSettings: boolean; 11 | [key: string]: unknown; 12 | } 13 | -------------------------------------------------------------------------------- /web/src/store/modules/user/index.ts: -------------------------------------------------------------------------------- 1 | import { defineStore } from 'pinia'; 2 | import { loginApi as adminLogin } from '/@/api/admin/user'; 3 | import { userLoginApi } from '/@/api/index/user'; 4 | import { setToken, clearToken } from '/@/utils/auth'; 5 | import { UserState } from './types'; 6 | import { USER_ID, USER_NAME, USER_TOKEN, ADMIN_USER_ID, ADMIN_USER_NAME, ADMIN_USER_TOKEN } from '/@/store/constants'; 7 | 8 | export const useUserStore = defineStore('user', { 9 | state: (): UserState => ({ 10 | user_id: undefined, 11 | user_name: undefined, 12 | user_token: undefined, 13 | 14 | admin_user_id: undefined, 15 | admin_user_name: undefined, 16 | admin_user_token: undefined, 17 | }), 18 | getters: {}, 19 | actions: { 20 | // 用户登录 21 | async login(loginForm) { 22 | const result = await userLoginApi(loginForm); 23 | console.log('result==>', result); 24 | 25 | if (result.code === 0) { 26 | this.$patch((state) => { 27 | state.user_id = result.data.id; 28 | state.user_name = result.data.username; 29 | state.user_token = result.data.token; 30 | console.log('state==>', state); 31 | }); 32 | 33 | localStorage.setItem(USER_TOKEN, result.data.token); 34 | localStorage.setItem(USER_NAME, result.data.username); 35 | localStorage.setItem(USER_ID, result.data.id); 36 | } 37 | 38 | return result; 39 | }, 40 | // 用户登出 41 | async logout() { 42 | // await userLogout(); 43 | this.$patch((state) => { 44 | localStorage.removeItem(USER_ID); 45 | localStorage.removeItem(USER_NAME); 46 | localStorage.removeItem(USER_TOKEN); 47 | 48 | state.user_id = undefined; 49 | state.user_name = undefined; 50 | state.user_token = undefined; 51 | }); 52 | }, 53 | 54 | // 管理员登录 55 | async adminLogin(loginForm) { 56 | const result = await adminLogin(loginForm); 57 | console.log('result==>', result); 58 | 59 | if (result.code === 0) { 60 | this.$patch((state) => { 61 | state.admin_user_id = result.data.id; 62 | state.admin_user_name = result.data.username; 63 | state.admin_user_token = result.data.admin_token; 64 | console.log('state==>', state); 65 | }); 66 | 67 | localStorage.setItem(ADMIN_USER_TOKEN, result.data.admin_token); 68 | localStorage.setItem(ADMIN_USER_NAME, result.data.username); 69 | localStorage.setItem(ADMIN_USER_ID, result.data.id); 70 | } 71 | 72 | return result; 73 | }, 74 | // 管理员登出 75 | async adminLogout() { 76 | // await userLogout(); 77 | this.$patch((state) => { 78 | localStorage.removeItem(ADMIN_USER_ID); 79 | localStorage.removeItem(ADMIN_USER_NAME); 80 | localStorage.removeItem(ADMIN_USER_TOKEN); 81 | 82 | state.admin_user_id = undefined; 83 | state.admin_user_name = undefined; 84 | state.admin_user_token = undefined; 85 | }); 86 | }, 87 | }, 88 | }); 89 | -------------------------------------------------------------------------------- /web/src/store/modules/user/types.ts: -------------------------------------------------------------------------------- 1 | export type RoleType = '' | '*' | 'admin' | 'user'; 2 | export interface UserState { 3 | user_id: any; 4 | user_name: any; 5 | user_token: any; 6 | 7 | admin_user_id: any; 8 | admin_user_name: any; 9 | admin_user_token: any; 10 | } 11 | -------------------------------------------------------------------------------- /web/src/styles/index.less: -------------------------------------------------------------------------------- 1 | //自定义css 2 | a { 3 | color: #1890ff; 4 | } 5 | 6 | -------------------------------------------------------------------------------- /web/src/styles/reset.less: -------------------------------------------------------------------------------- 1 | html { 2 | box-sizing: border-box; 3 | } 4 | 5 | *, 6 | ::before, 7 | ::after { 8 | margin: 0; 9 | padding: 0; 10 | box-sizing: inherit; 11 | } 12 | 13 | 14 | a:hover, 15 | a:link, 16 | a:visited, 17 | a:active { 18 | text-decoration: none; 19 | } 20 | 21 | ol, 22 | ul { 23 | list-style: none; 24 | } 25 | 26 | input, 27 | textarea { 28 | outline: none; 29 | border: none; 30 | resize: none; 31 | } 32 | 33 | body { 34 | font-size: 14px; 35 | font-weight: 400; 36 | } 37 | -------------------------------------------------------------------------------- /web/src/utils/auth.ts: -------------------------------------------------------------------------------- 1 | const TokenKey = 'fast-token'; 2 | const TokenPrefix = 'Bearer '; 3 | const isLogin = () => { 4 | return !!localStorage.getItem(TokenKey); 5 | }; 6 | const getToken = () => { 7 | return localStorage.getItem(TokenKey); 8 | }; 9 | const setToken = (token: string) => { 10 | localStorage.setItem(TokenKey, token); 11 | }; 12 | const clearToken = () => { 13 | localStorage.removeItem(TokenKey); 14 | }; 15 | export { TokenPrefix, isLogin, getToken, setToken, clearToken }; 16 | -------------------------------------------------------------------------------- /web/src/utils/http/axios/index.ts: -------------------------------------------------------------------------------- 1 | import axios from 'axios'; 2 | import type { AxiosInstance, AxiosRequestConfig, AxiosResponse, AxiosError, InternalAxiosRequestConfig } from 'axios'; 3 | import { showMessage } from './status'; 4 | import { IResponse } from './type'; 5 | import { getToken } from '/@/utils/auth'; 6 | import { TokenPrefix } from '/@/utils/auth'; 7 | import { ADMIN_USER_TOKEN, USER_TOKEN, BASE_URL } from '/@/store/constants'; 8 | 9 | const service: AxiosInstance = axios.create({ 10 | // baseURL: import.meta.env.BASE_URL + '', 11 | baseURL: BASE_URL + '', 12 | timeout: 15000, 13 | }); 14 | 15 | // axios实例拦截请求 16 | service.interceptors.request.use( 17 | (config: InternalAxiosRequestConfig) => { 18 | config.headers.ADMINTOKEN = localStorage.getItem(ADMIN_USER_TOKEN); 19 | config.headers.TOKEN = localStorage.getItem(USER_TOKEN); 20 | 21 | return config; 22 | }, 23 | (error: AxiosError) => { 24 | return Promise.reject(error); 25 | }, 26 | ); 27 | 28 | // axios实例拦截响应 29 | service.interceptors.response.use( 30 | (response: AxiosResponse) => { 31 | if (response.status == 200) { 32 | if (response.data.code == 0 || response.data.code == 200) { 33 | return response; 34 | } else { 35 | return Promise.reject(response.data); 36 | } 37 | } else { 38 | return Promise.reject(response.data); 39 | } 40 | }, 41 | // 请求失败 42 | (error: any) => { 43 | console.log(error.response.status); 44 | if (error.response.status == 404) { 45 | // todo 46 | } else if (error.response.status == 403) { 47 | // todo 48 | } 49 | return Promise.reject(error); 50 | }, 51 | ); 52 | 53 | const request = (config: AxiosRequestConfig): Promise => { 54 | const conf = config; 55 | return new Promise((resolve, reject) => { 56 | service 57 | .request>(conf) 58 | .then((res: AxiosResponse) => { 59 | const data = res.data; 60 | resolve(data as T); 61 | }) 62 | .catch((err) => { 63 | reject(err); 64 | }); 65 | }); 66 | }; 67 | 68 | export function get(config: AxiosRequestConfig): Promise { 69 | return request({ ...config, method: 'GET' }); 70 | } 71 | 72 | export function post(config: AxiosRequestConfig): Promise { 73 | return request({ ...config, method: 'POST' }); 74 | } 75 | 76 | export default request; 77 | 78 | export type { AxiosInstance, AxiosResponse }; 79 | -------------------------------------------------------------------------------- /web/src/utils/http/axios/status.ts: -------------------------------------------------------------------------------- 1 | export const showMessage = (status: number | string): string => { 2 | let message = ''; 3 | switch (status) { 4 | case 400: 5 | message = '请求错误(400)'; 6 | break; 7 | case 401: 8 | message = '未授权，请重新登录(401)'; 9 | break; 10 | case 403: 11 | message = '拒绝访问(403)'; 12 | break; 13 | case 404: 14 | message = '请求出错(404)'; 15 | break; 16 | case 408: 17 | message = '请求超时(408)'; 18 | break; 19 | case 500: 20 | message = '服务器错误(500)'; 21 | break; 22 | case 501: 23 | message = '服务未实现(501)'; 24 | break; 25 | case 502: 26 | message = '网络错误(502)'; 27 | break; 28 | case 503: 29 | message = '服务不可用(503)'; 30 | break; 31 | case 504: 32 | message = '网络超时(504)'; 33 | break; 34 | case 505: 35 | message = 'HTTP版本不受支持(505)'; 36 | break; 37 | default: 38 | message = `连接出错(${status})!`; 39 | } 40 | return `${message}，请检查网络或联系管理员！`; 41 | }; 42 | -------------------------------------------------------------------------------- /web/src/utils/http/axios/type.ts: -------------------------------------------------------------------------------- 1 | export interface RequestOptions { 2 | // Whether to process the request result 3 | isTransformResponse?: boolean; 4 | } 5 | 6 | // 返回res.data的interface 7 | export interface IResponse { 8 | code: number | string; 9 | result: T; 10 | message: string; 11 | status: string | number; 12 | } 13 | 14 | /**用户登录 */ 15 | export interface ILogin { 16 | /** 账户名称 */ 17 | username: string; 18 | /** 账户密码 */ 19 | password: string; 20 | } 21 | -------------------------------------------------------------------------------- /web/src/utils/index.ts: -------------------------------------------------------------------------------- 1 | export function getFormatTime(dateTime, flag) { 2 | if (dateTime != null) { 3 | //若传入的dateTime为字符串类型，需要进行转换成数值，若不是无需下面注释代码 4 | const time = parseInt(dateTime); 5 | const date = new Date(time); 6 | //获取年份 7 | const YY = date.getFullYear(); 8 | //获取月份 9 | const MM = date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1; 10 | //获取日期 11 | const DD = date.getDate() < 10 ? '0' + date.getDate() : date.getDate(); 12 | if (flag) { 13 | //flag为true，显示时分秒格式 14 | //获取小时 15 | const hh = date.getHours() < 10 ? '0' + date.getHours() : date.getHours(); 16 | //获取分 17 | const mm = date.getMinutes() < 10 ? '0' + date.getMinutes() : date.getMinutes(); 18 | ///获取秒 19 | const ss = date.getSeconds() < 10 ? '0' + date.getSeconds() : date.getSeconds(); 20 | //返回时间格式： 2020-11-09 13:14:52 21 | return YY + '-' + MM + '-' + DD + ' ' + hh + ':' + mm + ':' + ss; 22 | } else { 23 | //返回时间格式： 2020-11-09 24 | return YY + '-' + MM + '-' + DD; 25 | } 26 | } else { 27 | return ''; 28 | } 29 | } 30 | -------------------------------------------------------------------------------- /web/src/utils/result.ts: -------------------------------------------------------------------------------- 1 | import { Recoverable } from 'repl'; 2 | 3 | // 返回统一格式的接口数据类型定义 4 | export function successResult(result: T, { message = 'Request success' } = {}) { 5 | return { 6 | code: 200, 7 | result, 8 | message, 9 | status: 'ok', 10 | }; 11 | } 12 | export function errorResult(message = 'Request failed', { code = -1, result = null } = {}) { 13 | return { 14 | code, 15 | result, 16 | message, 17 | status: 'fail', 18 | }; 19 | } 20 | 21 | //返回分页数据 22 | export function pageSuccessResult(page: number, pageSize: number, list: T[], { message = 'ok' } = {}) { 23 | const pageData = pagination(page, pageSize, list); 24 | return { 25 | ...successResult({ 26 | items: pageData, 27 | total: list.length, 28 | }), 29 | message, 30 | }; 31 | } 32 | 33 | // 封装分页数据 34 | export function pagination(pageNo: number, pageSize: number, array: T[]): T[] { 35 | const offset = (pageNo - 1) * Number(pageSize); 36 | const res = 37 | offset + Number(pageSize) >= array.length ? array.slice(offset, array.length) : array.slice(offset, offset + Number(pageSize)); 38 | return res; 39 | } 40 | 41 | // 返回参数类型定义 42 | export interface requestParams { 43 | method: string; 44 | body: any; 45 | headers?: { authorization?: string }; 46 | query: any; 47 | } 48 | 49 | /** 50 | * @name getRequestToken 51 | * @description 通过request数据中获取token，具体情况根据接口规范修改 52 | */ 53 | export function getRequestToken({ headers }: requestParams): string | undefined { 54 | return headers?.authorization; 55 | } 56 | -------------------------------------------------------------------------------- /web/src/views/index/components/footer.vue: -------------------------------------------------------------------------------- 1 | 13 | 14 | 33 | 34 | 88 | -------------------------------------------------------------------------------- /web/src/views/index/index.vue: -------------------------------------------------------------------------------- 1 | 4 | 5 | 8 | -------------------------------------------------------------------------------- /web/src/views/index/recommend.vue: -------------------------------------------------------------------------------- 1 | 36 | 94 | 95 | 192 | -------------------------------------------------------------------------------- /web/src/views/index/register.vue: -------------------------------------------------------------------------------- 1 | 44 | 45 | 82 | 83 | 209 | -------------------------------------------------------------------------------- /web/src/views/index/success.vue: -------------------------------------------------------------------------------- 1 | 16 | 17 | 36 | 37 | 168 | -------------------------------------------------------------------------------- /web/src/views/index/user/collect-thing-view.vue: -------------------------------------------------------------------------------- 1 | 27 | 28 | 80 | 193 | -------------------------------------------------------------------------------- /web/src/views/index/user/comment-view.vue: -------------------------------------------------------------------------------- 1 | 26 | 27 | 68 | 154 | -------------------------------------------------------------------------------- /web/src/views/index/user/message-view.vue: -------------------------------------------------------------------------------- 1 | 33 | 34 | 57 | 143 | -------------------------------------------------------------------------------- /web/src/views/index/user/security-view.vue: -------------------------------------------------------------------------------- 1 | 48 | 49 | 95 | 194 | -------------------------------------------------------------------------------- /web/src/views/index/user/wish-thing-view.vue: -------------------------------------------------------------------------------- 1 | 27 | 28 | 79 | 191 | -------------------------------------------------------------------------------- /web/src/views/index/usercenter.vue: -------------------------------------------------------------------------------- 1 | 17 | 35 | 66 | -------------------------------------------------------------------------------- /web/stylelint.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | root: true, 3 | plugins: ['stylelint-order'], 4 | extends: ['stylelint-config-standard', 'stylelint-config-prettier'], 5 | customSyntax: 'postcss-html', 6 | rules: { 7 | 'function-no-unknown': null, 8 | 'selector-class-pattern': null, 9 | 'selector-pseudo-class-no-unknown': [ 10 | true, 11 | { 12 | ignorePseudoClasses: ['global'], 13 | }, 14 | ], 15 | 'selector-pseudo-element-no-unknown': [ 16 | true, 17 | { 18 | ignorePseudoElements: ['v-deep'], 19 | }, 20 | ], 21 | 'at-rule-no-unknown': [ 22 | true, 23 | { 24 | ignoreAtRules: ['tailwind', 'apply', 'variants', 'responsive', 'screen', 'function', 'if', 'each', 'include', 'mixin'], 25 | }, 26 | ], 27 | 'no-empty-source': null, 28 | 'string-quotes': null, 29 | 'named-grid-areas-no-invalid': null, 30 | 'unicode-bom': 'never', 31 | 'no-descending-specificity': null, 32 | 'font-family-no-missing-generic-family-keyword': null, 33 | 'declaration-colon-space-after': 'always-single-line', 34 | 'declaration-colon-space-before': 'never', 35 | // 'declaration-block-trailing-semicolon': 'always', 36 | 'rule-empty-line-before': [ 37 | 'always', 38 | { 39 | ignore: ['after-comment', 'first-nested'], 40 | }, 41 | ], 42 | 'unit-no-unknown': [true, { ignoreUnits: ['rpx'] }], 43 | 'order/order': [ 44 | [ 45 | 'dollar-variables', 46 | 'custom-properties', 47 | 'at-rules', 48 | 'declarations', 49 | { 50 | type: 'at-rule', 51 | name: 'supports', 52 | }, 53 | { 54 | type: 'at-rule', 55 | name: 'media', 56 | }, 57 | 'rules', 58 | ], 59 | { severity: 'warning' }, 60 | ], 61 | }, 62 | ignoreFiles: ['**/*.js', '**/*.jsx', '**/*.tsx', '**/*.ts'], 63 | overrides: [ 64 | { 65 | files: ['*.vue', '**/*.vue', '*.html', '**/*.html'], 66 | extends: ['stylelint-config-recommended'], 67 | rules: { 68 | 'keyframes-name-pattern': null, 69 | 'selector-pseudo-class-no-unknown': [ 70 | true, 71 | { 72 | ignorePseudoClasses: ['deep', 'global'], 73 | }, 74 | ], 75 | 'selector-pseudo-element-no-unknown': [ 76 | true, 77 | { 78 | ignorePseudoElements: ['v-deep', 'v-global', 'v-slotted'], 79 | }, 80 | ], 81 | }, 82 | }, 83 | { 84 | files: ['*.less', '**/*.less'], 85 | customSyntax: 'postcss-less', 86 | extends: ['stylelint-config-standard', 'stylelint-config-recommended-vue'], 87 | }, 88 | ], 89 | }; 90 | -------------------------------------------------------------------------------- /web/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "target": "esnext", 4 | "module": "esnext", 5 | "moduleResolution": "node", 6 | "strict": true, 7 | "noLib": false, 8 | "forceConsistentCasingInFileNames": true, 9 | "allowSyntheticDefaultImports": true, 10 | "strictFunctionTypes": false, 11 | "jsx": "preserve", 12 | "baseUrl": ".", 13 | "allowJs": true, 14 | "sourceMap": true, 15 | "esModuleInterop": true, 16 | "resolveJsonModule": true, 17 | "noUnusedLocals": false, 18 | "noUnusedParameters": false, 19 | "experimentalDecorators": true, 20 | "lib": ["dom", "esnext"], 21 | "noImplicitAny": false, 22 | "skipLibCheck": true, 23 | "types": ["vite/client"], 24 | "removeComments": true, 25 | "paths": { 26 | "/@/*": ["src/*"], 27 | "/#/*": ["types/*"] 28 | } 29 | }, 30 | "include": [ 31 | "tests/**/*.ts", 32 | "src/**/*.ts", 33 | "src/**/*.d.ts", 34 | "src/**/*.tsx", 35 | "src/**/*.vue", 36 | "types/**/*.d.ts", 37 | "types/**/*.ts", 38 | "build/**/*.ts", 39 | "build/**/*.d.ts", 40 | "mock/**/*.ts", 41 | "vite.config.ts" 42 | ], 43 | "exclude": ["node_modules", "tests/server/**/*.ts", "dist", "**/*.js"] 44 | } 45 | -------------------------------------------------------------------------------- /web/types/auto-imports.d.ts: -------------------------------------------------------------------------------- 1 | // Generated by 'unplugin-auto-import' 2 | export {} 3 | declare global { 4 | const EffectScope: typeof import('vue')['EffectScope'] 5 | const acceptHMRUpdate: typeof import('pinia')['acceptHMRUpdate'] 6 | const computed: typeof import('vue')['computed'] 7 | const createApp: typeof import('vue')['createApp'] 8 | const createPinia: typeof import('pinia')['createPinia'] 9 | const customRef: typeof import('vue')['customRef'] 10 | const defineAsyncComponent: typeof import('vue')['defineAsyncComponent'] 11 | const defineComponent: typeof import('vue')['defineComponent'] 12 | const defineStore: typeof import('pinia')['defineStore'] 13 | const effectScope: typeof import('vue')['effectScope'] 14 | const getActivePinia: typeof import('pinia')['getActivePinia'] 15 | const getCurrentInstance: typeof import('vue')['getCurrentInstance'] 16 | const getCurrentScope: typeof import('vue')['getCurrentScope'] 17 | const h: typeof import('vue')['h'] 18 | const inject: typeof import('vue')['inject'] 19 | const isProxy: typeof import('vue')['isProxy'] 20 | const isReactive: typeof import('vue')['isReactive'] 21 | const isReadonly: typeof import('vue')['isReadonly'] 22 | const isRef: typeof import('vue')['isRef'] 23 | const mapActions: typeof import('pinia')['mapActions'] 24 | const mapGetters: typeof import('pinia')['mapGetters'] 25 | const mapState: typeof import('pinia')['mapState'] 26 | const mapStores: typeof import('pinia')['mapStores'] 27 | const mapWritableState: typeof import('pinia')['mapWritableState'] 28 | const markRaw: typeof import('vue')['markRaw'] 29 | const nextTick: typeof import('vue')['nextTick'] 30 | const onActivated: typeof import('vue')['onActivated'] 31 | const onBeforeMount: typeof import('vue')['onBeforeMount'] 32 | const onBeforeRouteLeave: typeof import('vue-router')['onBeforeRouteLeave'] 33 | const onBeforeRouteUpdate: typeof import('vue-router')['onBeforeRouteUpdate'] 34 | const onBeforeUnmount: typeof import('vue')['onBeforeUnmount'] 35 | const onBeforeUpdate: typeof import('vue')['onBeforeUpdate'] 36 | const onDeactivated: typeof import('vue')['onDeactivated'] 37 | const onErrorCaptured: typeof import('vue')['onErrorCaptured'] 38 | const onMounted: typeof import('vue')['onMounted'] 39 | const onRenderTracked: typeof import('vue')['onRenderTracked'] 40 | const onRenderTriggered: typeof import('vue')['onRenderTriggered'] 41 | const onScopeDispose: typeof import('vue')['onScopeDispose'] 42 | const onServerPrefetch: typeof import('vue')['onServerPrefetch'] 43 | const onUnmounted: typeof import('vue')['onUnmounted'] 44 | const onUpdated: typeof import('vue')['onUpdated'] 45 | const provide: typeof import('vue')['provide'] 46 | const reactive: typeof import('vue')['reactive'] 47 | const readonly: typeof import('vue')['readonly'] 48 | const ref: typeof import('vue')['ref'] 49 | const resolveComponent: typeof import('vue')['resolveComponent'] 50 | const resolveDirective: typeof import('vue')['resolveDirective'] 51 | const setActivePinia: typeof import('pinia')['setActivePinia'] 52 | const setMapStoreSuffix: typeof import('pinia')['setMapStoreSuffix'] 53 | const shallowReactive: typeof import('vue')['shallowReactive'] 54 | const shallowReadonly: typeof import('vue')['shallowReadonly'] 55 | const shallowRef: typeof import('vue')['shallowRef'] 56 | const storeToRefs: typeof import('pinia')['storeToRefs'] 57 | const toRaw: typeof import('vue')['toRaw'] 58 | const toRef: typeof import('vue')['toRef'] 59 | const toRefs: typeof import('vue')['toRefs'] 60 | const triggerRef: typeof import('vue')['triggerRef'] 61 | const unref: typeof import('vue')['unref'] 62 | const useAttrs: typeof import('vue')['useAttrs'] 63 | const useCssModule: typeof import('vue')['useCssModule'] 64 | const useCssVars: typeof import('vue')['useCssVars'] 65 | const useDialog: typeof import('naive-ui')['useDialog'] 66 | const useLink: typeof import('vue-router')['useLink'] 67 | const useLoadingBar: typeof import('naive-ui')['useLoadingBar'] 68 | const useMessage: typeof import('naive-ui')['useMessage'] 69 | const useNotification: typeof import('naive-ui')['useNotification'] 70 | const useRoute: typeof import('vue-router')['useRoute'] 71 | const useRouter: typeof import('vue-router')['useRouter'] 72 | const useSlots: typeof import('vue')['useSlots'] 73 | const watch: typeof import('vue')['watch'] 74 | const watchEffect: typeof import('vue')['watchEffect'] 75 | const watchPostEffect: typeof import('vue')['watchPostEffect'] 76 | const watchSyncEffect: typeof import('vue')['watchSyncEffect'] 77 | } 78 | -------------------------------------------------------------------------------- /web/types/components.d.ts: -------------------------------------------------------------------------------- 1 | // generated by unplugin-vue-components 2 | // We suggest you to commit this file into source control 3 | // Read more: https://github.com/vuejs/core/pull/3399 4 | import '@vue/runtime-core' 5 | 6 | export {} 7 | 8 | declare module '@vue/runtime-core' { 9 | export interface GlobalComponents { 10 | AButton: typeof import('ant-design-vue/es')['Button'] 11 | ACard: typeof import('ant-design-vue/es')['Card'] 12 | ACol: typeof import('ant-design-vue/es')['Col'] 13 | AConfigProvider: typeof import('ant-design-vue/es')['ConfigProvider'] 14 | ADescriptions: typeof import('ant-design-vue/es')['Descriptions'] 15 | ADescriptionsItem: typeof import('ant-design-vue/es')['DescriptionsItem'] 16 | ADivider: typeof import('ant-design-vue/es')['Divider'] 17 | ADrawer: typeof import('ant-design-vue/es')['Drawer'] 18 | ADropdown: typeof import('ant-design-vue/es')['Dropdown'] 19 | AForm: typeof import('ant-design-vue/es')['Form'] 20 | AFormItem: typeof import('ant-design-vue/es')['FormItem'] 21 | AInput: typeof import('ant-design-vue/es')['Input'] 22 | AInputNumber: typeof import('ant-design-vue/es')['InputNumber'] 23 | AInputPassword: typeof import('ant-design-vue/es')['InputPassword'] 24 | AInputSearch: typeof import('ant-design-vue/es')['InputSearch'] 25 | ALayout: typeof import('ant-design-vue/es')['Layout'] 26 | ALayoutContent: typeof import('ant-design-vue/es')['LayoutContent'] 27 | ALayoutHeader: typeof import('ant-design-vue/es')['LayoutHeader'] 28 | ALayoutSider: typeof import('ant-design-vue/es')['LayoutSider'] 29 | AMenu: typeof import('ant-design-vue/es')['Menu'] 30 | AMenuItem: typeof import('ant-design-vue/es')['MenuItem'] 31 | AModal: typeof import('ant-design-vue/es')['Modal'] 32 | APagination: typeof import('ant-design-vue/es')['Pagination'] 33 | APopconfirm: typeof import('ant-design-vue/es')['Popconfirm'] 34 | ARow: typeof import('ant-design-vue/es')['Row'] 35 | ASelect: typeof import('ant-design-vue/es')['Select'] 36 | ASelectOption: typeof import('ant-design-vue/es')['SelectOption'] 37 | ASpace: typeof import('ant-design-vue/es')['Space'] 38 | ASpin: typeof import('ant-design-vue/es')['Spin'] 39 | ASubMenu: typeof import('ant-design-vue/es')['SubMenu'] 40 | ASwitch: typeof import('ant-design-vue/es')['Switch'] 41 | ATable: typeof import('ant-design-vue/es')['Table'] 42 | ATabPane: typeof import('ant-design-vue/es')['TabPane'] 43 | ATabs: typeof import('ant-design-vue/es')['Tabs'] 44 | ATag: typeof import('ant-design-vue/es')['Tag'] 45 | ATextarea: typeof import('ant-design-vue/es')['Textarea'] 46 | ATree: typeof import('ant-design-vue/es')['Tree'] 47 | ATreeSelect: typeof import('ant-design-vue/es')['TreeSelect'] 48 | ATreeSelectNode: typeof import('ant-design-vue/es')['TreeSelectNode'] 49 | AUpload: typeof import('ant-design-vue/es')['Upload'] 50 | AUploadDragger: typeof import('ant-design-vue/es')['UploadDragger'] 51 | RouterLink: typeof import('vue-router')['RouterLink'] 52 | RouterView: typeof import('vue-router')['RouterView'] 53 | } 54 | } 55 | -------------------------------------------------------------------------------- /web/types/env.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | 3 | declare module '*.vue' { 4 | import { DefineComponent } from 'vue'; 5 | const component: DefineComponent<{}, {}, any>; 6 | export default component; 7 | } 8 | 9 | declare module 'virtual:*' { 10 | const result: any; 11 | export default result; 12 | } 13 | -------------------------------------------------------------------------------- /web/vite.config.ts: -------------------------------------------------------------------------------- 1 | import { UserConfig, ConfigEnv } from 'vite'; 2 | import { createVitePlugins } from './build/vite/plugins'; 3 | import { resolve } from 'path'; 4 | import { VITE_PORT } from './build/constant'; 5 | 6 | function pathResolve(dir: string) { 7 | return resolve(process.cwd(), '.', dir); 8 | } 9 | 10 | // https://vitejs.dev/config/ 11 | export default ({ command }: ConfigEnv): UserConfig => { 12 | const isBuild = command === 'build'; 13 | let base: string; 14 | if (command === 'build') { 15 | base = '/'; 16 | } else { 17 | base = '/'; 18 | } 19 | return { 20 | base, 21 | publicDir: "public", //静态资源服务的文件夹 22 | resolve: { 23 | alias: [ 24 | { 25 | find: 'vue-i18n', 26 | replacement: 'vue-i18n/dist/vue-i18n.cjs.js', 27 | }, 28 | // 别名 /@/xxxx => src/xxxx 29 | { 30 | find: '/@', 31 | replacement: pathResolve('src') + '/', 32 | }, 33 | ], 34 | }, 35 | // plugins 36 | plugins: createVitePlugins(isBuild), 37 | 38 | // css 39 | css: {}, 40 | 41 | // server 42 | server: { 43 | hmr: { overlay: false }, // 禁用或配置 HMR 连接 设置 server.hmr.overlay 为 false 可以禁用服务器错误遮罩层 44 | // 服务配置 45 | port: VITE_PORT, // 类型： number 指定服务器端口; 46 | open: false, // 类型： boolean | string在服务器启动时自动在浏览器中打开应用程序； 47 | cors: true, // 类型： boolean | CorsOptions 为开发服务器配置 CORS。默认启用并允许任何源 48 | host: '0.0.0.0', // IP配置，支持从IP启动 49 | https: false, // 禁用https 50 | // proxy, 51 | }, 52 | }; 53 | }; 54 | -------------------------------------------------------------------------------- /代码说明.txt: -------------------------------------------------------------------------------- 1 | 本代码版权归作者所有，未经作者同意，不得商用或售卖。 2 | 3 | 使用该代码必须遵守以下约定： 4 | 5 | 1.可以自由使用本份代码进行个人学习用途，但不得用于商业用途； 6 | 2.在使用本份代码时，必须保留本版权声明，不得修改或删除； 7 | 3.在修改和衍生的代码中，必须注明原始代码出处，并说明对原始代码的修改之处； 8 | 4.未经授权不得将本份代码用于商业化的销售或赚取利润的活动； 9 | 5.作者不对本份代码的任何使用或后果承担任何责任。 10 | 11 | 12 | 13 | -------------------------------------------------------------- 14 | 15 | 客服Email：kefu308@gmail.com 16 | 17 | 客服微信：Lengqin1024 --------------------------------------------------------------------------------