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

相关文章

Vue3 的 shallowRef 和 shallowReactive:优化性能

大家对 Vue3 的 ref 和 reactive 都很熟悉,那么对 shallowRef 和 shallowReactive 是否了解呢? 在编程和数据结构中,“shallow”(浅层)通常指对数据结构的最外层进行操作,而不递归地处理其内部或嵌套的数据。这种处理方式关注的是数据结构的第一层属性或元素,而忽略更深层次的嵌套内容。 1. 浅层与深层的对比 1.1 浅层(Shallow) 定义

SQL中的外键约束

外键约束用于表示两张表中的指标连接关系。外键约束的作用主要有以下三点: 1.确保子表中的某个字段(外键)只能引用父表中的有效记录2.主表中的列被删除时,子表中的关联列也会被删除3.主表中的列更新时,子表中的关联元素也会被更新 子表中的元素指向主表 以下是一个外键约束的实例展示

基于MySQL Binlog的Elasticsearch数据同步实践

一、为什么要做 随着马蜂窝的逐渐发展,我们的业务数据越来越多,单纯使用 MySQL 已经不能满足我们的数据查询需求,例如对于商品、订单等数据的多维度检索。 使用 Elasticsearch 存储业务数据可以很好的解决我们业务中的搜索需求。而数据进行异构存储后,随之而来的就是数据同步的问题。 二、现有方法及问题 对于数据同步,我们目前的解决方案是建立数据中间表。把需要检索的业务数据,统一放到一张M

这15个Vue指令,让你的项目开发爽到爆

1. V-Hotkey 仓库地址: github.com/Dafrok/v-ho… Demo: 戳这里 https://dafrok.github.io/v-hotkey 安装: npm install --save v-hotkey 这个指令可以给组件绑定一个或多个快捷键。你想要通过按下 Escape 键后隐藏某个组件,按住 Control 和回车键再显示它吗?小菜一碟: <template

如何去写一手好SQL

MySQL性能 最大数据量 抛开数据量和并发数,谈性能都是耍流氓。MySQL没有限制单表最大记录数,它取决于操作系统对文件大小的限制。 《阿里巴巴Java开发手册》提出单表行数超过500万行或者单表容量超过2GB,才推荐分库分表。性能由综合因素决定,抛开业务复杂度,影响程度依次是硬件配置、MySQL配置、数据表设计、索引优化。500万这个值仅供参考,并非铁律。 博主曾经操作过超过4亿行数据

【 html+css 绚丽Loading 】000046 三才归元阵

前言:哈喽,大家好,今天给大家分享html+css 绚丽Loading!并提供具体代码帮助大家深入理解,彻底掌握!创作不易,如果能帮助到大家或者给大家一些灵感和启发,欢迎收藏+关注哦 💕 目录 📚一、效果📚二、信息💡1.简介:💡2.外观描述:💡3.使用方式:💡4.战斗方式:💡5.提升:💡6.传说: 📚三、源代码,上代码,可以直接复制使用🎥效果🗂️目录✍️

【前端学习】AntV G6-08 深入图形与图形分组、自定义节点、节点动画(下)

【课程链接】 AntV G6:深入图形与图形分组、自定义节点、节点动画(下)_哔哩哔哩_bilibili 本章十吾老师讲解了一个复杂的自定义节点中,应该怎样去计算和绘制图形,如何给一个图形制作不间断的动画,以及在鼠标事件之后产生动画。(有点难,需要好好理解) <!DOCTYPE html><html><head><meta charset="UTF-8"><title>06

性能分析之MySQL索引实战案例

文章目录 一、前言二、准备三、MySQL索引优化四、MySQL 索引知识回顾五、总结 一、前言 在上一讲性能工具之 JProfiler 简单登录案例分析实战中已经发现SQL没有建立索引问题,本文将一起从代码层去分析为什么没有建立索引? 开源ERP项目地址:https://gitee.com/jishenghua/JSH_ERP 二、准备 打开IDEA找到登录请求资源路径位置

MySQL数据库宕机,启动不起来,教你一招搞定!

作者介绍:老苏,10余年DBA工作运维经验,擅长Oracle、MySQL、PG、Mongodb数据库运维(如安装迁移,性能优化、故障应急处理等)公众号:老苏畅谈运维欢迎关注本人公众号,更多精彩与您分享。 MySQL数据库宕机,数据页损坏问题,启动不起来,该如何排查和解决,本文将为你说明具体的排查过程。 查看MySQL error日志 查看 MySQL error日志,排查哪个表(表空间

常用的jdk下载地址

jdk下载地址 安装方式可以看之前的博客: mac安装jdk oracle 版本:https://www.oracle.com/java/technologies/downloads/ Eclipse Temurin版本:https://adoptium.net/zh-CN/temurin/releases/ 阿里版本: github:https://github.com/