express+mysql+vue,从零搭建一个商城管理系统16--收货地址(全国省市县名称和code列表)

本文主要是介绍express+mysql+vue,从零搭建一个商城管理系统16--收货地址(全国省市县名称和code列表),希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

提示:学习express,搭建管理系统

文章目录

  • 前言
  • 一、新建config/area.js
  • 二、新建models/address.js
  • 三、新建dao/address.js
  • 四、新建routes/address.js
  • 五、添加地址
  • 六、查询用户地址列表
  • 总结


前言

需求:主要学习express,所以先写service部分

一、新建config/area.js

内容太多,没办法粘贴,资源里自取

在这里插入图片描述

二、新建models/address.js

models/address.js

const { DataTypes } = require('sequelize');
const sequelize = require('../config/db');const AddressModel = sequelize.define('Address',{id: {type: DataTypes.INTEGER,autoIncrement: true,primaryKey: true},addressId:{type:DataTypes.STRING ,comment:'地址ID',},createId:{type:DataTypes.STRING ,comment:'创建人ID',},createName:{type:DataTypes.STRING ,comment:'创建人姓名',},provinceCode:{type:DataTypes.STRING ,comment:'省code',},provinceName:{type:DataTypes.STRING ,comment:'省',},cityCode:{type:DataTypes.STRING ,comment:'市code',},cityName:{type:DataTypes.STRING ,comment:'市',},areaCode:{type:DataTypes.STRING ,comment:'县code',},areaName:{type:DataTypes.STRING ,comment:'县',},fullAddress:{type:DataTypes.STRING(255),comment:'详细地址',},recipientName:{type:DataTypes.STRING ,comment:'收件人',},phone:{type:DataTypes.STRING(30),comment:'手机号码',},
},{tableName:'address'
});//无address表创建address表
AddressModel.sync();
module.exports = AddressModel;

在这里插入图片描述

三、新建dao/address.js

dao/address.js

const AddressModel = require('../models/address');
const md5 = require('md5');
const secretKey = 'longlongago';const errFun = (msg,code)=>{return {code:code||500,success:false,msg:msg||'操作失败'}
}
const sucFun = (data,msg)=>{return {code:200,success:true,msg:msg||'操作成功',data,}
}
const AddressDao = {//添加地址addAddress:async(data)=>{//生成addressIdconst addressId = md5(data.createdId+secretKey+new Date().getTime());//添加addresstry {const address = await AddressModel.create({...data,addressId});if(!address) errFun('添加地址失败!');return sucFun(address,'添加地址成功!')}catch(err){return errFun('添加失败');}},//获取用户地址列表queryAddressListByUserId:async(data)=>{//根据userId查询addresstry{const addressList = await AddressModel.findAll({createId:data.createId});if(addressList&&addressList.length>0)return sucFun(addressList,'查询用户地址列表成功');return errFun('查询用户地址列表失败');}catch(err){return errFun('查询失败');}},
}module.exports = AddressDao;

在这里插入图片描述

四、新建routes/address.js

const AddressDao = require('../dao/address');
const AREA = require('../config/area');
const AddressRoutes = (router)=>{//添加地址router.post('/address/addAddress',async (req,res)=>{const result = await AddressDao.addAddress(req.body);res.json(result);});//获取用户地址列表router.post('/address/queryAddressListByUserId',async (req,res)=>{const result = await AddressDao.queryAddressListByUserId(req.body);res.json(result);});//获取省市县router.get('/address/getPCA',async (req,res)=>{res.json(AREA);});
}
module.exports = AddressRoutes;

在这里插入图片描述

五、添加地址

url:http://localhost:1990/address/addAddress
params:{"createId":"9e14ebba3be0ae546374e8f5a49f9e80","createName":"long001","provinceCode":"110000","provinceName":"北京市","cityCode":"110100","cityName":"市辖区","areaCode":"110108","areaName":"海淀区","fullAddress":"西小口路xxxxxxxxxxxxx","recipientName":"zzz","phone":"1891193zzzz"
}
params:{"createId":"9e14ebba3be0ae546374e8f5a49f9e80","createName":"long001","provinceCode":"110000","provinceName":"北京市","cityCode":"110100","cityName":"市辖区","areaCode":"110108","areaName":"海淀区","fullAddress":"五道口路xxxxxxxxxxxxx","recipientName":"xxx","phone":"1891193xxxx",
}

在这里插入图片描述
在这里插入图片描述

六、查询用户地址列表

url:http://localhost:1990/address/queryAddressListByUserId
params:{"createId": "9e14ebba3be0ae546374e8f5a49f9e80"
}

在这里插入图片描述

总结

踩坑路漫漫长@~@

这篇关于express+mysql+vue,从零搭建一个商城管理系统16--收货地址(全国省市县名称和code列表)的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/829903

相关文章

HTML5 getUserMedia API网页录音实现指南示例小结

《HTML5getUserMediaAPI网页录音实现指南示例小结》本教程将指导你如何利用这一API,结合WebAudioAPI,实现网页录音功能,从获取音频流到处理和保存录音,整个过程将逐步... 目录1. html5 getUserMedia API简介1.1 API概念与历史1.2 功能与优势1.3

MySQL MCP 服务器安装配置最佳实践

《MySQLMCP服务器安装配置最佳实践》本文介绍MySQLMCP服务器的安装配置方法,本文结合实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下... 目录mysql MCP 服务器安装配置指南简介功能特点安装方法数据库配置使用MCP Inspector进行调试开发指

mysql中insert into的基本用法和一些示例

《mysql中insertinto的基本用法和一些示例》INSERTINTO用于向MySQL表插入新行,支持单行/多行及部分列插入,下面给大家介绍mysql中insertinto的基本用法和一些示例... 目录基本语法插入单行数据插入多行数据插入部分列的数据插入默认值注意事项在mysql中,INSERT I

一文详解MySQL如何设置自动备份任务

《一文详解MySQL如何设置自动备份任务》设置自动备份任务可以确保你的数据库定期备份,防止数据丢失,下面我们就来详细介绍一下如何使用Bash脚本和Cron任务在Linux系统上设置MySQL数据库的自... 目录1. 编写备份脚本1.1 创建并编辑备份脚本1.2 给予脚本执行权限2. 设置 Cron 任务2

一文详解如何在idea中快速搭建一个Spring Boot项目

《一文详解如何在idea中快速搭建一个SpringBoot项目》IntelliJIDEA作为Java开发者的‌首选IDE‌,深度集成SpringBoot支持,可一键生成项目骨架、智能配置依赖,这篇文... 目录前言1、创建项目名称2、勾选需要的依赖3、在setting中检查maven4、编写数据源5、开启热

SQL Server修改数据库名及物理数据文件名操作步骤

《SQLServer修改数据库名及物理数据文件名操作步骤》在SQLServer中重命名数据库是一个常见的操作,但需要确保用户具有足够的权限来执行此操作,:本文主要介绍SQLServer修改数据... 目录一、背景介绍二、操作步骤2.1 设置为单用户模式(断开连接)2.2 修改数据库名称2.3 查找逻辑文件名

SQL Server数据库死锁处理超详细攻略

《SQLServer数据库死锁处理超详细攻略》SQLServer作为主流数据库管理系统,在高并发场景下可能面临死锁问题,影响系统性能和稳定性,这篇文章主要给大家介绍了关于SQLServer数据库死... 目录一、引言二、查询 Sqlserver 中造成死锁的 SPID三、用内置函数查询执行信息1. sp_w

全面解析HTML5中Checkbox标签

《全面解析HTML5中Checkbox标签》Checkbox是HTML5中非常重要的表单元素之一,通过合理使用其属性和样式自定义方法,可以为用户提供丰富多样的交互体验,这篇文章给大家介绍HTML5中C... 在html5中,Checkbox(复选框)是一种常用的表单元素,允许用户在一组选项中选择多个项目。本

HTML5 搜索框Search Box详解

《HTML5搜索框SearchBox详解》HTML5的搜索框是一个强大的工具,能够有效提升用户体验,通过结合自动补全功能和适当的样式,可以创建出既美观又实用的搜索界面,这篇文章给大家介绍HTML5... html5 搜索框(Search Box)详解搜索框是一个用于输入查询内容的控件,通常用于网站或应用程

canal实现mysql数据同步的详细过程

《canal实现mysql数据同步的详细过程》:本文主要介绍canal实现mysql数据同步的详细过程,本文通过实例图文相结合给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的... 目录1、canal下载2、mysql同步用户创建和授权3、canal admin安装和启动4、canal