源码真实战(php mysql vue)

AndTools
项目是一个在线工具箱项目，立志于做一个全面的工具箱网站，并随着运营时间的推进，将逐步完善工具箱，目前包含如下工具并在本系列文章逐步开放相关的源代码(含前端、后端)。

项目介绍

项目在线地址

http://www.andoltools.cn

已包含工具

​项文本类工具

汉字转拼音、文字大小写转换、字符串长度计算、HTML在线转义

加密/解密

md5加密、AES加解密、RSA加解密、RSA签名、RSA验签、RSA公私钥生成

文本类工具

图片转Base64、Base64转图片

项目所用技术

开发环境

Mac Os、Windows、Apache(Xampp)、Visual Code、postman(用于接口调试)

生产环境

Centos8、Nginx、php8

前端技术栈

Vue、Vuex、Npm、node js、element ui

后端技术栈

php基于Thinkphp6(下文部分将简写为 TP )，Mysql

图例

一步一步（目录）

​1.1 项目介绍

1.11 概要

1.12 文本类工具

1.13 加密解密

1.14 前端工具

1.2 项目所用技术

1.3 小结

2 开发前的准备工作

2.1 环境搭建

2.2 后端 API 部分

2.21 框架安装

2.22 运行框架

2.3 前端 WEB 部分

2.31 安装 Node js

2.32 安装 vue 脚手架

2.33 安装 vue/cli-init

2.34 创建项目2.35 安装 vuex

2.36 安装 element-ui

2.37 安装 axios

2.38 安装 codemirror

2.39 引入 vuex、element-ui、axios      

2.391 使用 Vuex

2.392 使用 axios

2.393 页面头部组件

2.394 页面头部导航

2.395 引入公共 icon 库

2.396 修改 index.html 文件

2.4 前端首页开发

2.41 首页如下

3 让 Tp 更适用于 API 开发

3.1 修改TP 基础配置

3.11 启用多应用模式删除单应用文件创建应用及目录

3.2 路由配置3.2 数据下发统一处理（JSON）

3.3 统一异常接管处理

3.4 参数验证

3.5 准备全局参数文件 Store

3.6 中间件并修改 正常 和 异常 返回处代码将流水号返回

3.61 将流水号加入到正常响应数据中

3.62 将流水号加入到 异常返回中

3.7 配置跨域访问

3.8 TP、MYSQL

3.9 收尾演示部分结束本节内容

3.91 删除文件3.92 删除代码

4 日志模块

4.1 创建对应的 Mysql 表

4.2 新增对应的 日志操作 类 LogManage

4.3 嵌入日志模块至系统

4.31 配置日志类型常量

4.32 系统请求响应记录请求日志响应日志

4.33 测试日志系统

5 文本类工具

5.1 公共部分

5.11 新增控制器、模型、验证器、路由组

5.12 前端部分

5.2 汉字转拼音

5.21 API 部分

5.22 前端部分

5.3 大小写转换

5.31 API部分

5.32 前端部分

5.4 字符串长度计算

5.41 API部分

5.42 前端部分

5.5 html在线转义/反转义

5.51 API部分

5.52 前端部分

6 加密/解密

6.1 公共部分

6.11 新增控制器、模型、验证器、路由组

6.12 前端公共部分

6.2 md5加密

6.21 API部分

6.22 前端部分

6.3 Aes加密 / 解密

6.21 API部分

6.22 前端部分

6.4 RSA加密 / 解密

6.41 API部分

6.42 前端部分

小结

本系列文章将会对所使用到的工具/框架从0开始搭建进行实战性的讲解，在系列文章的中后段着重讲解每个功能模块的代码实现。每个功能模块都包含 API部分以及前端部分的讲解。以此让大家通过实战更快的掌握相关的技术。

关注微信公众号（yuantancode）
扫码关注公众号 回复关键字 远程控制 获取官方下载链接