服务器搭建说明以及接口调用文档
后台数据环境搭建说明
本项目服务端环境要求为 Windows + Apache + PHP + MySQL。
下面介绍如何搭建环境，部署服务器端应用。
- 获取开发工具 wampserver3.1.9_x64.exe，根据提示进行安装；
（默认安装目录为“C:\wamp64”，如果您更改了安装目录，请替换后面步骤中出现的路径。）
在安装过程中如果弹出以下提示，直接选择是按钮
3、 安装成功后，双击桌面图标“Wampserver64”：
4、在系统右下角图标中找到WAMP Server的图标。
图标颜色：绿色表示服务全部启动，橙色表示服务部分启动，红色表示服务没有启动。
初次启动时，图标会从 红色->橙色->绿色 逐渐变化，显示为绿色表示启动成功。
如果启动失败，则可能当前系统存在其他问题，请根据程序提示排除问题。
5、使用浏览器访问 http://localhost/ 如果看到如下画面，表示安装成功。
6、把发给你们的tpadmin文件夹，右键复制，粘贴到C:\wamp64\www目录下。
7、左键单击电脑右下角的WAMP Server图标，选择【Apache】 → 【httpd-vhost.conf】：
8、在配置文件中，替换为以下代码，并保存关闭文件
<VirtualHost *:80>DocumentRoot "${INSTALL_DIR}/www/tpadmin/public"<Directory "${INSTALL_DIR}/www/tpadmin/public">Options -IndexesAllowOverride AllRequire local</Directory>
</VirtualHost>
LoadFile "C:/wamp64/bin/php/php7.2.18/libssh2.dll"
9、修改完成后，保存文件，然后单击右下角WAMP Server图标，选择Restart All Services，
等待图标重新变成绿色。
10、双击“C:\wamp64\www\tpadmin\初始化数据库.bat”文件，等待执行完成。
出现以下内容即执行完毕
在vue-cli脚手架项目中使用axios进行数据的请求
1、安装axios
npm i axios -S
2、在main.js写入以下代码
// 引入axios
import axios from 'axios'axios.defaults.baseURL = 'http://localhost/api';
Vue.prototype.$axios = axios;
3、开始使用axios进行数据的请求
例如：
this.$axios.get("请求路径",{需要传递的参数}).then((res)=>{// 成功回调console.log(res)
}).catch((res)=>{// 失败回调
});
API接口使用说明
1、API接口说明
接口基准地址：
http://localhost/api/服务端已开启 CORS 跨域支持
使用 HTTP Status Code 标识状态
数据返回格式统一使用 JSON
1.1 返回状态码code说明
状态码 含义 说明 1 OK 请求成功 2 CREATED 没有登录 204 DELETED 删除成功 400 BAD REQUEST 请求的地址不存在或者包含不支持的参数 401 UNAUTHORIZED 未授权 403 FORBIDDEN 被禁止访问 404 NOT FOUND 请求的资源不存在 422 Unprocesable entity [POST/PUT/PATCH] 当创建一个对象时，发生一个验证错误 500 INTERNAL SERVER ERROR 内部错误
登录接口
请求路径：login
请求方法：post
请求参数
参数名 参数说明 备注 username 用户名 password 密码 响应参数
参数名 参数说明 备注 code 状态码 1登录成功 0成功失败 msg 提示信息 url 请求源地址 data 登录人员信息 响应数据
{"code": 1,"msg": "登录成功","data": {"session_id": "akemvcqn21dscu5bupg5sn5p7t", //注意，登录时将会额外得到一个session_id的数据"id": 1,"username": "test"},"url": "http://localhost:10086/","wait": 3
}
退出接口
请求路径：logout
请求方法：get
请求参数
参数名 参数说明 备注 无参数 响应参数
参数名 参数说明 备注 code 状态码 2没有登录 1登录成功 0登录失败 msg 提示信息 time 时间戳 data 登录人员信息 响应数据
{"code": 2,"msg": "您还没有登录。","time": 1589960319,"data": ""
}
2、分类功能
2.1 获取分类列表
请求路径：category
请求方法：get
请求参数
参数名 参数说明 备注 无参数 响应参数
参数名 参数说明 备注 code 状态码 0失败 1成功 msg 提示信息 url 请求源地址 data 商品列表数组 响应数据
{"code": 1,"msg": "","data": [{"id": 1,"image": "http://tpadmin.test/static/api/goods/img/noimg.png","name":"手机数码","pid":0,"sub":[.....]},{"id": 10,"img": "http://tpadmin.test/static/api/goods/img/noimg.png","name":"家用电器","pid":0,"sub":[.....]},......],"url": "http://localhost:10086/","wait": 3 }
2.2 点击分类的编辑按钮进入编辑页面调用的接口（PS：新增分类用的也是这一个接口）
请求路径：edit_category
请求方法：get
请求参数
参数名 参数说明 备注 id 分类id 响应参数
参数名 参数说明 备注 code 状态码 0失败 1成功 msg 提示信息 url 请求源地址 data 分类数据
2.3 上传分类图
- 请求路径：image/upload
- 请求方法：post
- 请求参数
参数名 参数说明 备注 admin_user_id 登录账号的id 登录的账号id,默认传admin账号的id=1 album_id 相册id 分类图相册id为2 image 上传图片的相关信息
<input id="upload" style="display:none" type="file" accept="image/*" @change="imageUpload" />// 图片上传imageUpload(event) {let file = event.target.files[0];let formData = new FormData();formData.append("image", file);formData.append("album_id", 2);formData.append("admin_user_id", 1);let config = {headers: {"Content-Type": "multipart/form-data",},};this.$axios.post("image/upload", formData, config).then((res) => {this.good.image = res.data.data.previewPath;this.savePath = res.data.data.savePath;console.log(res);});},
2.4 分类编辑完成之后点击提交按钮调用的接口
请求路径：save_category
请求方法：post
请求参数
参数名 参数说明 备注 id 分类id pid 所属分类父id name 分类名称 image 分类图片路径 响应参数
参数名 参数说明 备注 code 状态码 0失败 1成功 msg 提示信息 url 请求源地址 data 分类数据
2.5 分类删除
请求路径：delete_category
请求方法：post
请求参数
参数名 参数说明 备注 id 分类id 响应参数
参数名 参数说明 备注 code 状态码 0失败 1成功 msg 提示信息 url 请求源地址 data 分类数据
3、商品管理功能
3.1 获取商品列表
- 请求路径：goodslist
- 请求方法：get
- 请求参数
| 参数名 | 参数说明 | 备注 |
|---|---|---|
| category_id | 分类编号 | 根据分类来获取商品数据，可省略 |
| last_id | 最后一个商品的编号，默认为0 | |
| search | 搜索内容 | 根据搜索内容来查询数据，可省略 |
| pagesize | 数据长度 | 根据设置每页的数据长度来查询数据，可省略 |
| page | 页数 | 根据分页数来查询数据，可省略 |
- 响应参数
| 参数名 | 参数说明 | 备注 |
|---|---|---|
| code | 状态码 | 0失败 1成功 |
| msg | 提示信息 | |
| url | 请求源地址 | |
| data | 商品数据 |
响应数据格式
{"code": 1, "msg": "", "data": {// 数据总数量"total": 94, // 每页数据长度"per_page": 15, // 当前页数"current_page": 1, //最后一页"last_page": 7, "data": [{"id": 95, //商品id"goods_category_id": 4, //商品所属的分类的id"name": "苹果手机", //商品名称"sell_point": "", //卖点"price": "5000.00", //价格"num": 5, //库存数量"image": "", //列表图片地址"status": 1, //状态（上架--1，下架--0）"content": "", //商品描述"album": "", //商品详情页面的图片路径，数组类型"delete_time": null, //删除时间"create_time": "2021-06-08 12:13:27", //创建时间"update_time": null //更新时间}, {"id": 92, "goods_category_id": 2, "name": "商品92", "sell_point": "", "price": "0.00", "num": 0, "image": "", "status": 1, "content": "", "album": "", "delete_time": null, "create_time": "2021-06-08 12:13:27", "update_time": null},]}, "url": "/api/goods._goods/index.html", "wait": 3
}
3.2 商品数据编辑
请求路径：goods/edit
请求方法：get
请求参数
参数名 参数说明 备注 id 商品id 根据商品id来查询所要修改的当条数据信息
3.3 商品列表图上传
- 请求路径：image/upload
- 请求方法：post
- 请求参数
参数名 参数说明 备注 admin_user_id 登录账号的id 登录的账号id,默认传admin账号的id=1 album_id 相册id 商品图相册id为4 image 上传图片的相关信息
<input id="upload" style="display:none" type="file" accept="image/*" @change="imageUpload" />// 图片上传imageUpload(event) {let file = event.target.files[0];let formData = new FormData();formData.append("image", file);formData.append("album_id", 4);formData.append("admin_user_id", 1);let config = {headers: {"Content-Type": "multipart/form-data",},};this.$axios.post("image/upload", formData, config).then((res) => {this.good.image = res.data.data.previewPath;this.savePath = res.data.data.savePath;console.log(res);});},
3.4 商品数据编辑之后的保存
请求路径：goods/save
请求方法：post
请求参数
参数名 参数说明 备注 id 商品id 根据商品id来查询所要修改的当条数据信息 goods_category_id 商品分类id 可省略 num 库存数量 可省略 price 价格 可省略 name 商品名称 必填 image 图片的路径 例如：goods/goods_album/2021/06/15/85141012d92cc406e4ca0ec27c03aa6d.png。可省略
3.5 商品数据删除
- 请求路径：goods/delete
- 请求方法：post
- 请求参数
| 参数名 | 参数说明 | 备注 |
|---|---|---|
| id | 商品id | 根据商品id来查询所要删除的数据 |
服务器搭建说明以及接口调用文档相关推荐
- 饥荒联机版服务器搭建过程--采取官网文档的方法
下载一个steamcmd [Click here to download](记好路径,我是下在了E:\steamcmd)(https://developer.valvesoftware.com/wik ...
- 怎样调用php的足球联赛接口,足球赛事查询接口调用文档
足球赛事查询接口,目前支持 英超,西甲,德甲,意甲,法甲,中超等赛事 接口平台:api 接口地址:http://op.juhe.cn/onebox/football/combat 支持格式:json/ ...
- server2016做文件服务器,『配置』服务器搭建 Office Online Server2016 实现文档预览 番外 错误篇...
安装一个或多个角色.角色服务或功能失败.找不到源文件.请再次尝试在新的"添加角色和功能"向导会话中安装角色.角色服务或功能,然后在向导的"确认"页中单击&quo ...
- 语音验证码接收平台接口调用文档
语音验证码接收平台接口,通过手机接听验证码实现验证功能. 接口名称:语音验证码接收平台接口 接口平台:api接口 接口地址:http://op.juhe.cn/yuntongxun/voice 支持格 ...
- 网课查题接口API调用文档
网课查题接口API调用文档 官网:http://lyck6.cn 接口地址:http://cx.lyck6.cn/api/api.php (get 免费接口) 接口地址:http://cx.lyck6 ...
- 支付宝接口使用文档说明 支付宝异步通知
支付宝接口使用文档说明 支付宝异步通知(notify_url)与return_url. 现支付宝的通知有两类. A服务器通知,对应的参数为notify_url,支付宝通知使用POST方式 B页面跳 ...
- python使用微信设置-微信 python 接口 -- itchat 文档
itchat 一. 安装 $ pip install itchat 特殊的字典使用方式 通过打印 itchat 的用户以及注册消息的参数, 可以发现这些值都是字典. 但实际上 itchat 精心构造了 ...
- JCJC错别字检测系统API接口使用文档-添加黑名单、白名单词汇
JCJC错别字检测系统API接口使用文档-添加黑名单.白名单词汇 1.地址前缀:http://IP:PORT/spellcheck/ 2.所有的接口调用:请使用 HTTP POST 方法,不支持 GE ...
- Swagger接口在线文档
1.Swagger是什么? Swagger围绕OAS构建RESTFUL文档: Swagger动态生成接口定义文档: Swagger易用免费且开源: Swagger就是将项目中所有的接口展现在页面上,并 ...
- 文档预览服务器,特色 - I Doc View在线文档预览
使用对象 个人和第三方应用均可使用:个人:可以在示例页面上传和预览文档 第三方应用:通过我们提供的第三方应用API接口来调用,或者将预览服务部署到您自己的服务器上. 预览本地文档 您可以上传并在线查看 ...
最新文章
- 在WinRT中读取资源文件
- 几句话描述简单算法——排序与搜索
- 【BZOJ1031】[JSOI2007]字符加密Cipher 后缀数组
- 那些年我用过的开源软件、框架
- C++实现字符串分割函数split()
- 八、结构模式之组合(Composite)模式
- ssl1344-Knights【最大独立集,最大匹配,图论】
- python中lowerright_python字符串，从入门到高阶看这篇就够了
- datetime报错 sql脚本_《SQL必知必会》附录A样例表的获取和导入
- el table 固定表头和首行_vue表格实现固定表头首列
- java应用中spring自动注入_Spring自动注入的几种方式
- （转）Mysql 增删用户
- 浅谈算法和数据结构: 十 平衡查找树之B树
- Linux 软件安装与卸载
- 蓝电电池测试系统工步编辑软件,蓝电电池测试系统中标结果
- Jmeter之web压力测试
- 双线性插值公式推导及Matlab实现
- 尚学堂马士兵struts2操作手册
- 笔记本键盘有几个键失灵了怎么办？
- [译]第一章：什么是管理