服务器搭建说明以及接口调用文档

最新推荐文章于 2024-06-11 11:43:10 发布
最新推荐文章于 2024-06-11 11:43:10 发布
阅读量4.6k 收藏 12
点赞数 7
文章标签： 小程序 es6 node.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_39784865/article/details/117728221
版权

后台数据环境搭建说明

本项目服务端环境要求为 Windows + Apache + PHP + MySQL。

下面介绍如何搭建环境，部署服务器端应用。

  1. 获取开发工具 wampserver3.1.9_x64.exe，根据提示进行安装；

（默认安装目录为“C:\wamp64”，如果您更改了安装目录，请替换后面步骤中出现的路径。）

  1. 在安装过程中如果弹出以下提示，直接选择是按钮 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-1ixkHYHQ-1623196383675)(file:///C:\Users\86155\AppData\Local\Temp\ksohtml7252\wps2.jpg)]
    在这里插入图片描述

    3、 安装成功后，双击桌面图标“Wampserver64”：

    [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-TBX4EGDU-1623196383676)(file:///C:\Users\86155\AppData\Local\Temp\ksohtml7252\wps3.jpg)]

    4、在系统右下角图标中找到WAMP Server的图标。

    [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-tuh5RGEe-1623196383678)(file:///C:\Users\86155\AppData\Local\Temp\ksohtml7252\wps4.jpg)]

    图标颜色：绿色表示服务全部启动，橙色表示服务部分启动，红色表示服务没有启动。

    初次启动时，图标会从 红色->橙色->绿色 逐渐变化，显示为绿色表示启动成功。

    如果启动失败，则可能当前系统存在其他问题，请根据程序提示排除问题。

    5、使用浏览器访问 http://localhost/ 如果看到如下画面，表示安装成功。

    [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Ap9BvDo5-1623196383679)(file:///C:\Users\86155\AppData\Local\Temp\ksohtml7252\wps5.jpg)]

6、把发给你们的tpadmin文件夹，右键复制，粘贴到C:\wamp64\www目录下。

7、左键单击电脑右下角的WAMP Server图标，选择【Apache】 → 【httpd-vhost.conf】：

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-1tGP8m80-1623196383680)(file:///C:\Users\86155\AppData\Local\Temp\ksohtml7252\wps6.jpg)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-wnNYLJDR-1623196383681)(file:///C:\Users\86155\AppData\Local\Temp\ksohtml7252\wps7.jpg)]

8、在配置文件中，替换为以下代码，并保存关闭文件

<VirtualHost *:80>
  DocumentRoot "${INSTALL_DIR}/www/tpadmin/public"
  <Directory "${INSTALL_DIR}/www/tpadmin/public">
    Options -Indexes
    AllowOverride All
    Require local
  </Directory>
</VirtualHost>
LoadFile "C:/wamp64/bin/php/php7.2.18/libssh2.dll"

9、修改完成后，保存文件，然后单击右下角WAMP Server图标，选择Restart All Services，

等待图标重新变成绿色。

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-8j8DmSmE-1623196383682)(file:///C:\Users\86155\AppData\Local\Temp\ksohtml7252\wps8.jpg)]

10、双击“C:\wamp64\www\tpadmin\初始化数据库.bat”文件，等待执行完成。

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-JJJ0sTvu-1623196383683)(file:///C:\Users\86155\AppData\Local\Temp\ksohtml7252\wps9.jpg)]

出现以下内容即执行完毕

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-W6Qc7vwU-1623196383684)(file:///C:\Users\86155\AppData\Local\Temp\ksohtml7252\wps10.jpg)]

在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说明

    状态码含义说明
    1OK请求成功
    2CREATED没有登录
    204DELETED删除成功
    400BAD REQUEST请求的地址不存在或者包含不支持的参数
    401UNAUTHORIZED未授权
    403FORBIDDEN被禁止访问
    404NOT FOUND请求的资源不存在
    422Unprocesable entity[POST/PUT/PATCH] 当创建一个对象时，发生一个验证错误
    500INTERNAL 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来查询所要删除的数据
乐sophie
关注
  • 7
    点赞
  • 踩
  • 12
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
接口规范及接口调用指导文档
12-24
接口规范及接口调用指导文档
API接口调用指导文档（ENF86XXA）
02-16
EasyNewFly.ENF86XX.dll 中的 ENF86XXInterface.cs 接口类向外提供相对应的函数 接口，主要有以下函数： (1) ENF_STATUS ENF86XX_Open() 用于扫描当前 ENF86XX设备，若只有一个连接设备则直接打开，若存在多个则随机打开其 中一个。 (2) void SetDBPath(string dbPath) 用于设置校准库路径。 (3) ENF_STATUS ENF86XX_Init() ENF86XX 设备软件环境初始化。目前主要的初始化内容为加载校准数据库，用户必须在 任何波形设置函数前调用该函数。
如何搭建自己的API接口
最新发布
m0_56889936的博客
06-11 374
跨境独立站的搭建与运营是一项复杂而艰巨的任务，需要商家们在多个方面做出正确的选择和决策。在商业模式的选择上，无货源模式适合初创企业或资金有限的企业，能够快速响应市场变化；有货源模式适合对产品质量有严格要求且资金充裕的企业；虚拟产品适合拥有知识产权或专业技能的企业，能够实现知识变现；垂直细分领域适合在竞争激烈的市场中实现差异化竞争的企业。在成功案例的分享中，SuperBuy和pandabuy通过一站式代购服务成功在跨境电商市场中脱颖而出；某知名品牌通过独立站管理库存，提供个性。
文件相关调用接口
xuruhua的博客
04-22 583
文件相关调用接口：一．fopen,fwrite,fread的使用1.    fwrite：myfile文件中的信息# include&lt;stdio.h&gt;# include&lt;string.h&gt; int main(){  FILE *fp=fopen("myfile","w");  if(!fp){     printf("fopen error!\n");  }     con...
p://localhost:8080/api/login‘ from origin ‘http://localhost:8081‘ has been blocked by CORS policy: R
weixin_62925742的博客
05-31 366
经过检查是，ip地址那显示不对。vue和后端都有配置，但是还是报跨域问题。检查后端发现没报错，那就是前端问题。
华为服务器 iBMC Redfish 接口说明
08-11
华为服务器 iBMC Redfish 接口说明
微商城后端接口项目包含API接口说明文档等
06-15
- API接口说明文档是开发者间沟通的桥梁，应详细列出每个接口的URL、请求方法、参数、返回值等，方便前端调用。 - 文档还应包含错误处理和示例代码，帮助开发者理解和使用接口。 通过以上知识点的深入理解和实践...
2024全新开发API接口调用管理系统网站源码 附教程.zip
01-15
标题中的“2024全新开发API接口调用管理系统网站源码 附教程.zip”表明这是一个包含源代码的压缩文件，特别的是，它是一个用于管理API接口调用的系统，并且附带了教程，便于用户理解和使用。API（Application ...
python 接口实现 供第三方调用的例子
09-18
4. **文档**：提供清晰、详细的接口文档，包括请求格式、响应格式、示例调用等，方便第三方开发者使用。 5. **安全**：考虑安全性，比如使用 HTTPS 加密通信、限制请求频率、防止 SQL 注入等。 总结，本篇文章通过...
如何搭建IIS webservice 接口
08-04
搭建IIS WebService接口是将Web服务功能与Internet Information Services (IIS)相结合，以便通过HTTP协议提供服务。以下是一个详细的步骤指南，帮助你完成这一过程： 1. **添加IIS角色** 首先，你需要确保你的...
wampserver3.1.9_x64.exe
12-23
Wamp就是Windows Apache Mysql PHP集成安装环境，即在window下的apache、php和mysql的服务器软件。PHP扩展、Apache模块，开启/关闭鼠标点点就搞定，再也不用亲自去修改配置文件了，WAMP它会去做。再也不用到处询问php的安装问题了，WAMP一切都搞定了，这个软件在win平台上使用的较多。 WampServer Version 3.1.9 64bit Created by Romain Bourdon (2005) Maintainer / Upgrade to 2.5 by Herve Leclerc Upgrade to 3 by Otomatic (wampserver@otomatic.net) Multi styles for homepage by Jojaba Installer by Inno Setup: http://www.jrsoftware.org/isinfo.php Forum Wampserver: http://forum.wampserver.com/index.php ______________________ Versions used ______________________ Apache 2.4.39 Port 80- PHP 7.2.18 MySQL 5.7.26 Port 3306 MariaDB 10.3.14 Port 3307 PHP 5.6.40 for CLI (Command-Line Interface)
“微商城”项目（4首页）
qq_68383591的博客
06-01 1948
首页和商品详情页都有图片轮播图展示，考虑到Vue组件代码的复用性，把轮播图相关代码单独放置在src\components\swiper.vue文件中。接下来，在src\main.js项目入口文件中进行简单配置，将代码写在import Mint UI前面，示例代码如下。在src\pages\Home.vue文件中，编写HTML结构代码，示例代码如下。在src\pages\Home.vue文件中，编写HTML结构代码，示例代码如下。保存代码，启动项目，测试程序是否获取到数据，运行结果如下图所示。
PHP本地进行API接口测试的实例
软件测试小dao
12-14 1201
最近写API接口，每写一个接口，我自己需要先测试一下，看有没有语法错误,请求的数据对不对，但是很多都是POST请求，没法直接在浏览器中打开链接进行测试，所以必须要有个可以在本地发HTTP请求的模拟工具，模拟一下数据请求。
php中admin文件什么意思,开始使用 · tpAdmin 文档 · 看云
weixin_42115003的博客
03-16 829
## 在线体验[http://tpadmin.yuan1994.com](http://tpadmin.yuan1994.com)默认管理员帐号：admin，默认管理员密码：123456## 仓库地址[https://github.com/yuan1994/tpadmin](https://github.com/yuan1994/tpadmin)## 使用方法### composer安装：comp...
访问API的方式为：localhost/api/customers, 创建自定义JSON格式化器
weixin_34129696的博客
06-09 327
注意的是，访问API的方式为：localhost/api/customers，在实际中将要根据情况替换合适的端口，默认所有的WEB API都是通过/api根目录的方式访问的 创建自定义JSON格式化器 在通过浏览器去访问WEB API时，默认的显示方式是XML。Web API框架会自动根据访问客户端的不同从而返回不同的格式的数据。 转载于:https://www.cnblogs.c...
Vue2学习笔记4 - 前后端数据交互
Coder.Monkey的工作簿
11-08 1342
1. 安装依赖 Vue.js 2.0 版本推荐使用 axios 来完成 ajax 请求。所以我们先来追加依赖包axios,以及ps这两个包。另外，作为login登录，调用cookie,追加js-cookie依赖包 npm i -D axios ps js-cookie 2.验证交互
Request URL: http://localhost:8080/api/api/user
chanyeolchichi的博客
04-20 5688
Request URL: http://localhost:8080/api/api/user 在进行前后端交互的时候，进行跨域请求，出现了404 not found的结果，并且出现了两个api。 配置文件和src不是同级，试了下把vue.config.js和src同级，之后报了500. 之前这里是9999，代理地址随后被我更改成了9876 接着又404了。 还试了在contrller里头加crossorigin注解 还是404 ...
接口测试指导地址
weixin_30291791的博客
07-31 689
1、http://www.51testing.com/html/79/n-3708579.html 怎么做接口测试、概念及常用方法小结 2、http://blog.csdn.net/jiary5201314/article/details/51429347 接口测试总结 3、https://my.oschina.net/hellotest/blog/512482 http接口测试——Jm...
springboot搭建rpc调用接口
08-07
要在 Spring Boot 中搭建一个 RPC 调用接口，可以使用 Dubbo 或者 Spring Cloud 来实现。 Dubbo 是一款高性能、轻量级的分布式服务框架，提供了服务治理、负载均衡、限流降级等功能，可以很方便地在 Spring Boot 中...
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值