vlambda博客
学习文章列表

【最新目录】一步一步打造一个采用 前后端分离 技术实现的在线工具站.php、vue


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



01

项目预览


http://www.andoltools.cn


02

一步一步


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部分以及前端部分的讲解。以此让大家通过实战更快的掌握相关的技术。




文章都看完了不点个 分享吗






- The End -