Express框架开发接口之书城商店原型图

这篇具有很好参考价值的文章主要介绍了Express框架开发接口之书城商店原型图。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

1.原型图

这是利用Axure画的,简单画一下原型图,根据他们的业务逻辑我们完成书城商店API开发

首页

Express框架开发接口之书城商店原型图,Node+express+MYSQL开发接口,express,前端,node.js,node

分类

Express框架开发接口之书城商店原型图,Node+express+MYSQL开发接口,express,前端,node.js,node

商品详情 

购物车

个人中心 

2.数据库设计

首页

首页导航

Express框架开发接口之书城商店原型图,Node+express+MYSQL开发接口,express,前端,node.js,node

导航栏产品

通过点击导航栏对应id和产品id关联获取产品内容

Express框架开发接口之书城商店原型图,Node+express+MYSQL开发接口,express,前端,node.js,node

设置外建

Express框架开发接口之书城商店原型图,Node+express+MYSQL开发接口,express,前端,node.js,node

 sql语句

CREATE TABLE `book`.`Untitled`  (
  `id` int NOT NULL AUTO_INCREMENT,
  `product_id` int NOT NULL COMMENT '产品id',
  `product_name` varchar(255) CHARACTER SET utf8mb4 COLLATE utf8mb4_0900_ai_ci NOT NULL COMMENT '产品名称',
  `product_title` varchar(255) CHARACTER SET utf8mb4 COLLATE utf8mb4_0900_ai_ci NOT NULL COMMENT '产品标题',
  `product_imgUrl` varchar(255) CHARACTER SET utf8mb4 COLLATE utf8mb4_0900_ai_ci NOT NULL COMMENT '产品封面',
  `product_content` varchar(255) CHARACTER SET utf8mb4 COLLATE utf8mb4_0900_ai_ci NOT NULL COMMENT '产品内容',
  `product_old_price` decimal(10, 2) NOT NULL COMMENT '产品旧价格',
  `product_new_price` decimal(10, 2) NOT NULL COMMENT '产品新价格',
  `product_remaining_quantity` int NOT NULL COMMENT '产品库存量',
  `product_clicks` int NOT NULL COMMENT '产品点击量',
  `product_sales` int NOT NULL COMMENT '产品销售量',
  `product_total` int NOT NULL COMMENT '产品总数',
  `module_id` int NULL DEFAULT NULL COMMENT '属于哪个模块',
  `status` int NOT NULL DEFAULT 0 COMMENT '状态',
  `created_time` datetime NOT NULL DEFAULT CURRENT_TIMESTAMP COMMENT '产品创建时间',
  `update_time` datetime NOT NULL DEFAULT CURRENT_TIMESTAMP COMMENT '产品更新时间',
  PRIMARY KEY (`id`) USING BTREE,
  INDEX `nav`(`product_id` ASC) USING BTREE,
  INDEX `module`(`module_id` ASC) USING BTREE,
  CONSTRAINT `module` FOREIGN KEY (`module_id`) REFERENCES `book`.`book_module` (`module_id`) ON DELETE CASCADE ON UPDATE RESTRICT,
  CONSTRAINT `nav` FOREIGN KEY (`product_id`) REFERENCES `book`.`book_nav` (`navId`) ON DELETE CASCADE ON UPDATE RESTRICT
) ENGINE = InnoDB AUTO_INCREMENT = 6 CHARACTER SET = utf8mb4 COLLATE = utf8mb4_0900_ai_ci ROW_FORMAT = Dynamic;

产品轮播图

通过外建获取产品轮播图数据

Express框架开发接口之书城商店原型图,Node+express+MYSQL开发接口,express,前端,node.js,node

设置外建

Express框架开发接口之书城商店原型图,Node+express+MYSQL开发接口,express,前端,node.js,node

sql语句

CREATE TABLE `book`.`Untitled`  (
  `image_id` int NOT NULL AUTO_INCREMENT COMMENT '产品轮播图id',
  `product_id` int NOT NULL COMMENT '产品id',
  `image` varchar(255) CHARACTER SET utf8mb4 COLLATE utf8mb4_0900_ai_ci NOT NULL COMMENT '图片路径',
  `order` varchar(255) CHARACTER SET utf8mb4 COLLATE utf8mb4_0900_ai_ci NOT NULL COMMENT '图片展示顺序',
  `created_time` datetime NOT NULL DEFAULT CURRENT_TIMESTAMP COMMENT '创建时间',
  `update_time` datetime NOT NULL DEFAULT CURRENT_TIMESTAMP COMMENT '更新时间',
  PRIMARY KEY (`image_id`) USING BTREE,
  INDEX `images`(`product_id` ASC) USING BTREE,
  CONSTRAINT `images` FOREIGN KEY (`product_id`) REFERENCES `book`.`book_navproduct` (`product_id`) ON DELETE RESTRICT ON UPDATE RESTRICT
) ENGINE = InnoDB CHARACTER SET = utf8mb4 COLLATE = utf8mb4_0900_ai_ci ROW_FORMAT = Dynamic;

首页轮播图

Express框架开发接口之书城商店原型图,Node+express+MYSQL开发接口,express,前端,node.js,node

sql语句

CREATE TABLE `book`.`Untitled`  (
  `id` int NOT NULL AUTO_INCREMENT COMMENT '轮播图id',
  `imgUrl` varchar(255) CHARACTER SET utf8mb4 COLLATE utf8mb4_0900_ai_ci NOT NULL COMMENT '图片路径',
  `order` int NOT NULL COMMENT '图片轮播顺序',
  `introduce` varchar(255) CHARACTER SET utf8mb4 COLLATE utf8mb4_0900_ai_ci NOT NULL COMMENT '图片介绍',
  `created_time` datetime NOT NULL DEFAULT CURRENT_TIMESTAMP COMMENT '创建时间',
  `update_time` datetime NOT NULL DEFAULT CURRENT_TIMESTAMP COMMENT '更新时间',
  PRIMARY KEY (`id`) USING BTREE
) ENGINE = InnoDB CHARACTER SET = utf8mb4 COLLATE = utf8mb4_0900_ai_ci ROW_FORMAT = Dynamic;

前台模块

Express框架开发接口之书城商店原型图,Node+express+MYSQL开发接口,express,前端,node.js,node

外键Express框架开发接口之书城商店原型图,Node+express+MYSQL开发接口,express,前端,node.js,node

sql文章来源地址https://www.toymoban.com/news/detail-738128.html

CREATE TABLE `book`.`Untitled`  (
  `module_id` int NOT NULL AUTO_INCREMENT COMMENT 'id',
  `module_name` varchar(255) CHARACTER SET utf8mb4 COLLATE utf8mb4_0900_ai_ci NOT NULL COMMENT '模块名字',
  `created_time` datetime NOT NULL DEFAULT CURRENT_TIMESTAMP COMMENT '创建时间',
  `update_time` datetime NOT NULL DEFAULT CURRENT_TIMESTAMP COMMENT '更新时间',
  PRIMARY KEY (`module_id`) USING BTREE,
  CONSTRAINT `module` FOREIGN KEY (`module_id`) REFERENCES `book`.`book_navproduct` (`module_id`) ON DELETE RESTRICT ON UPDATE RESTRICT
) ENGINE = InnoDB CHARACTER SET = utf8mb4 COLLATE = utf8mb4_0900_ai_ci ROW_FORMAT = Dynamic;

到了这里,关于Express框架开发接口之书城商店原型图的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • Node+Express编写接口---服务端

    开始: 个人兴趣爱好,欢迎大家多多指教!(点击直达源码!) node_vue_admin: 第一个以node为后端,vue为前端的后台管理项目 https://gitee.com/ah-ah-bao/node_vue_admin.git 第一步:安装 安装Node.js     点击直达Node.js (nodejs.org) 安装Navicate   点击直达Navicat | 产品 安装Mysql       点击直达MySQ

    2024年01月17日
    浏览(43)
  • node中间件-express框架

    方式一 : express提供的脚手架,直接创建一个应用的骨架 安装脚手架npm install -g express-generator 创建项目 express express-demo 安装依赖npm install 启动项目 node bin/www 方式二 : 从零搭建自己的express应用结构; 初始化项目 npm init 安装express npm i express 导入–创建–监听 使用参考文档 中

    2024年02月16日
    浏览(55)
  • Node服务器-express框架

    1 Express认识初体验 2 Express中间件使用 3 Express请求和响应 4 Express路由的使用 5 Express的错误处理 6 Express的源码解析 1、在项目文件的根目录创建package.json文件 2、下载express 3、基本使用 4、运行服务器 先要下载nodemon 中间件在express就是post或者get里面的回调函数(req,res,next)

    2024年02月01日
    浏览(42)
  • 09-Node.js—express框架

    express 是一个基于 Node.js 平台的极简、灵活的 WEB应用开发框架,官方网址:https://www.expressjs.com.cn/ 简单来说,express 是一个封装好的工具包,封装了很多功能,便于我们开发 WEB 应用(HTTP 服务) 大家都应该玩过我的世界,在我的世界中如果纯靠手去砍树或者挖矿,效率是很低

    2023年04月26日
    浏览(49)
  • Node.js之express框架学习心得

    Node.js是基于Chrome V8引擎构建的JavaScript运行时,它采用了完全不同的开发模型。Node.js使用事件驱动和非阻塞I/O的方式处理请求,通过单线程和异步机制,实现高效的并发处理。这意味着在Node.js中,一个线程可以处理数千个并发连接,大大提高了服务器的性能和可伸缩性。 4

    2024年02月14日
    浏览(59)
  • Node.js-Express框架基本使用

    Express是基于 node.js 的web应用开发框架,是一个封装好的工具包,便于开发web应用(HTTP服务) 中间件(Middleware):是一个回调函数,像路由一样可以访问请求对象(request, response). 作用:使用函数封装公共操作,简化代码。 全局中间件 路由中间件 静态资源中间件 注意事项 1、

    2024年02月12日
    浏览(52)
  • Node + Express 后台开发 —— 起步

    前面陆续学习了一下 node、npm、模块,也稍尝试 Express,感觉得换一个思路加快进行。 比如笔者对前端的开发已较熟悉,如果领导给一个 内部小网站 的需求,难道说你得给我配置一个 后端 ? 又不是做一个复杂的后端,只是简单的数据存储(增删改查)、上传文件、下载cs

    2023年04月21日
    浏览(32)
  • Node + Express 后台开发 —— 登录标识

    系统通常只有登录成功后才能访问,而 http 是无状态的。倘若直接请求 需要登录 才可访问的接口,假如后端反复查询数据库,而且每个请求还得带上用户名和密码,这都是不很好。 作为前端,我们听过 cookie (session) 和 token ,他们都是 登录标识 ,各有特色,本篇都将完整实

    2024年02月02日
    浏览(35)
  • Node + Express 后台开发 —— 上传、下载和发布

    前面我们已经完成了数据库的 增删改查 ,在弄一个 上传 图片、 下载 csv,一个最简单的后台开发就已完成,最后 部署 即可。 需求 需求 :做一个 个人简介 的表单提交,有 昵称 、 简介 和 头像 。后端能接收数据并保存到数据库。 接收不到数据 用 amis-editor (amis 低代码编

    2024年02月03日
    浏览(46)
  • 自学WEB后端01-安装Express+Node.js框架完成Hello World!

    前端         前端开发主要涉及用户界面(UI)和用户体验(UX),负责实现网站的外观和交互逻辑。前端开发使用HTML、CSS和JavaScript等技术来构建网页,并通过各种工具和框架(如React、Vue.js、Angular等)来简化开发过程。前端开发关注于网页设计、布局、样式、动画效果以及

    2024年02月07日
    浏览(61)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包