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) | |
---|
扫码关注公众号 回复关键字 远程控制 获取官方下载链接
| |
|