- 综合排序
- 最热优先
- 最新优先
- 来自专栏coding for love
在线商城项目-six淘
由于是学习项目，目的很明确，就是熟悉开发流程。所以seo，ssr等技术我们在此不会讨论。 好吧，开始学习吧。 第一部分 项目搭建，主体流程基本跑通，商品列表页和登录页逻辑基本完成。 在线商城项目01-项目初始化 在线商城项目02-展示商品列表页面并抽取公共组件 在线商城项目03-启用mock服务 在线商城项目04-接口约定和数据请求 在线商城项目05-利用mock数据进行渲染和图片懒加载 在线商城项目06-商品列表页前端逻辑实现 在线商城项目07-mac下mongodb的下载与配置 在线商城项目08-数据库创建和商品集合的创建 在线商城项目09-基于express框架的server端搭建 在线商城项目10-基于mongoose实现商品列表查询 在线商城项目11-商品列表页的排序实现 在线商城项目12-商品列表页价格筛选实现 在线商城项目13-商品列表分页功能实现 在线商城项目14-阶段性自测与 bug修复 在线商城项目15-登录界面实现 在线商城项目16-头部前端逻辑修改 在线商城项目17-登录态保持 第二部分 预计会写注册逻辑，购物车逻辑，订单逻辑，二次封装请求方法，前端拦截器。
78920发布于 2018-08-27 - 来自专栏coding for love
在线商城项目01-项目初始化简介
简介 本篇主要进行如下工作： 使用vue-cli初始化项目 将项目关联到github ps：在此之前请大家配置node环境，并使用npm安装vue-cli。 1. 使用vue-cli初始化项目 step1: 打开终端，进入一个你想创建该项目的目录。输入如下命令： vue init webpack six-tao 会有如下图所示命令提示，一路默认即可。 step2: 现在进入项目目录，并运行代码。 由于之前我们在构建项目时选择了自动npm install。所以此处我们不需要再运行该命令。直接运行终端上提示的两行命令即可： ? 主要是很多项目端口号都是8080，虽然运行项目以后，如果指定端口被占用，会自动分配一个空闲的端口号。但url总是变还是很烦的，所以我们手动指定一个其他的端口号就行了。 现在重新运行项目，并打开如下地址： http://localhost:8086 2. 将项目关联到github step1: 在github新建一个仓库，最好是和项目同名。
59120发布于 2018-08-27 - 来自专栏Java开发
Java Web 项目在线商城开发教程
以下是一篇关于Java Web在线商城项目的技术方案和应用实例文章：Java Web在线商城项目技术方案与应用实例一、项目概述在线商城是电子商务的重要载体，基于Java Web技术开发的在线商城，具有跨平台性 三、应用实例（一）项目搭建创建Spring Boot项目：使用Spring Initializr创建新项目，添加Spring Data JPA、MySQL Driver、Thymeleaf等依赖。 四、项目部署将开发好的项目打包，部署到Tomcat服务器上。配置Tomcat相关参数，启动服务器，即可通过浏览器访问在线商城系统，进行商品浏览、购物车操作、用户注册登录等功能测试。 Java Web 项目，在线商城开发，Java 项目实战，Java 教程，商城开发教程，Web 项目开发，Java 实战指南，在线商城项目，Java 编程，商城系统开发，Java 项目教程，Web 开发实战 ，Java Web 开发，在线商城教程，Java 实战项目
37610编辑于 2025-08-03 - 来自专栏coding for love
在线商城项目03-启用mock服务
我们可以全局或者在项目中使用npm安装http-server，然后进入指定目录开启服务。 这里假设是在全局安装，步骤如下： npm install http-server -g 进入项目根目录： http-server -p 8888 方法3 使用express 我们同样可以使用express 如果现在项目中有其他人也建立了自己的mock数据，难道每个人都需要在这个文件中新增一段代码吗？那么这个代码的体积和维护难度将大大增加。 resolve(devWebpackConfig) } }) }) 总结 另外，大家还可以用json-server，或者自己编写一个服务器，其实目的不过是返回一个假数据，不管怎样实现都是可以的，看实际项目中怎么方便
77700发布于 2018-08-27 - 来自专栏coding for love
在线商城项目15-登录界面实现
关于注册登录这块，一直只写过前端逻辑，这次把前后端逻辑一起实现，也是一件很有意思的事情。下面几章都会写这个，而且今后可能会不停地进行改动完善。大家可以看看这里的思路，如果有更好的想法或者不同的意见欢迎告诉我。 本篇完成如下工作：
75920发布于 2018-08-27 - 来自专栏coding for love
在线商城项目17-登录态保持
$store.commit('LOG_OUT') } }) } 我们重新运行项目，并登陆以后： ? 当然，真实的项目中，逻辑不止这么简单。比如我们这里的密码使用明文存储，是非常危险的，密码应该加密加盐处理。
99010发布于 2018-08-27 - 来自专栏coding for love
在线商城项目16-头部前端逻辑修改
这是不合理的，我们应该根据登录态来做一个区别显示。未登录情况下显示login和购物车图标。已登录情况下显示用户名，logout，购物车图标。
59710发布于 2018-08-27 - 来自专栏coding for love
在线商城项目13-商品列表分页功能实现
设想一下，如果商品条目数量很多，假设有100条，如果我们一次性拉下来，是很影响性能的。所以我们需要为商品列表添加分页功能。本篇主要实现以下目的：
1.6K20发布于 2018-08-27 - 来自专栏coding for love
在线商城项目12-商品列表页价格筛选实现
前后端联调价格筛选逻辑 运行前端项目， npm start ? 没有问题。然后点击FILTER BY和0-100。 ? 也是ok的，然后我们再点击FILTER BY和ALL。 ?
1.6K20发布于 2018-08-27 - 来自专栏coding for love
在线商城项目10-基于mongoose实现商品列表查询
step1 先建goods集合对应的model 在根目录下新建一个目录models存放所有的model，新建good.js:
4.4K10发布于 2018-08-27 - 来自专栏Java开发
【JAVA】Java 项目实战之 Java Web 在线商城项目开发实战教程
Java Web项目：在线商城技术方案与应用实例一、引言在互联网飞速发展的今天，在线商城已成为电子商务的重要载体。 使用Java Web技术构建在线商城具有跨平台性、强大的社区支持和高度的可扩展性等优势。本文将为你提供一个Java Web在线商城的技术方案和应用实例，帮助你学习和掌握相关开发技巧。 当然，实际的在线商城还需要考虑更多的因素，如用户管理、支付功能、物流跟踪等，但本文的内容可以为你提供一个良好的开端，帮助你深入学习和掌握Java Web在线商城的开发。 Java,Java 项目实战，Java Web 项目，在线商城项目，Java Web 在线商城，Java 开发实战，Java 项目开发教程，Web 在线商城开发，Java 实战教程，在线商城开发教程，Java Web 开发实战，Java 项目实战教程，Java 在线商城项目，Web 商城开发教程，Java 项目开发实战
51610编辑于 2025-09-18 - 来自专栏coding for love
在线商城项目11-商品列表页的排序实现
实现商品列表页的后端排序逻辑 分别启动前后端项目，我们在浏览器打开商城地址，如下： ? 请求后台接口会带上三种排序参数default，priceDown和priceUp。
1.9K20发布于 2018-08-27 - 来自专栏coding for love
在线商城项目09-基于express框架的server端搭建
简介 本篇主要进行如下工作： 通过生成器创建后端项目 将项目关联到github 1. 通过生成器创建后端项目 step1 安装express generator生成器 # 全局安装express generator生成器 npm install -g express-generator step2 生成后端项目 express six-tao-server ? 将项目关联到github 这个步骤直接参考在线商城项目01-项目初始化。 ? 在本地项目目录加入.gitignore文件，可以直接copy six-tao项目的该文件。 Express + Babel + Gulp + React + Webpack ES6 + Express + Babel + Gulp + React + Webpack 如何在NodeJS项目中优雅的使用
69910发布于 2018-08-27 - 来自专栏coding for love
在线商城项目07-mac下mongodb的下载与配置
这一章本来不想讲的，因为关于配环境这种事，其实网上真的很多资料，但是考虑到确实好多人都不喜欢配环境这种事，因为觉着很麻烦而止步不前，很是可惜。这一节我们来看看如何配置环境。
1.1K20发布于 2018-08-27 - 来自专栏coding for love
在线商城项目04-接口约定和数据请求
接口约定 本项目我们不做复杂的接口约定。目前仅约定如下返回规则。 这些后续我们根据项目需求再进行约定。实际项目中大家根据与后端协商来约定。 2. 数据请求 数据请求我们使用axios，这里我们先不做二次封装，直接使用axios，等到后期需要的时候我们再进行封装。 总结 本篇内容很简单，因为只是项目开始，并没有做复杂的接口定义，以及请求封装。 同时大家也可以看到，其实本身实现请求功能是很简单的，之所以我们实际项目中的请求做了二次封装，那是有切实的需求需要我们去解决的。这点容后再说。我们提交修改。
41030发布于 2018-08-27 - 来自专栏coding for love
在线商城项目06-商品列表页前端逻辑实现
} this.getPrdList() } } } </script> 总结 本篇主要是一些前端业务逻辑的编码，这里的实现其实存在一个小bug，是关于筛选价格方面的，后面在在线商城项目
1.7K10发布于 2018-08-27 - 来自专栏coding for love
在线商城项目14-阶段性自测与bug修复
前面把商品列表页的查询展示逻辑基本完成了。每个功能单独测试是没有问题了，但是连在一起呢？新增的功能是否会对以前的功能产生影响。
45030发布于 2018-08-27 - 来自专栏coding for love
在线商城项目02-展示商品列表页面并抽取公共组件
no-new */ new Vue({ el: '#app', router, components: { App }, template: '<App/>' }) step6：重新运行我们的项目 到这里，我们已经能够在项目中展示重构提供的页面了。注意审查logo和商品图片，会发现logo是base64引入，而商品图片是地址引入。因为static/ 目录下的文件并不会被 Webpack 处理。 那么我们不妨把这三个部分抽取成项目的公共组件。 step1：抽取公共组件。在components文件夹下删除Hello.vue，新建三个vue文件如下： ?
1.5K20发布于 2018-08-27 - 来自专栏C语言及其他语言
dotcpp在线商城上线了！！
嗯，咳咳..到了我编程范的当家花旦出场的时候了，大家热烈欢迎！（传来BOSS的声音：好好说话。）。
52020发布于 2018-07-24 - 来自专栏coding for love
在线商城项目05-利用mock数据进行渲染和图片懒加载
既然我们已经能从mock服务器拿到mock数据，现在的任务就是用拿到的数据进行页面渲染，另外，由于页面的图片数据太多，为了提高性能，我们会使用图片懒加载。本篇我们主要进行如下工作：
1.1K10发布于 2018-08-27
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号