用idea从0到1创建一个超市购物平台的javaweb项目【详细版教程上】

最新推荐文章于 2024-06-10 09:35:54 发布
最新推荐文章于 2024-06-10 09:35:54 发布
阅读量3.8k 收藏 63
点赞数 5
分类专栏： JavaWeb 文章标签： intellij-idea java ide
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/mengxiang_/article/details/126818904
版权

在这段时期，屯菜购物平台成了热门网站，解决了最后一公里的送货问题。今天分享的就是一个购物平台web界面的编写过程。
由于篇幅原因，今天先分享页眉部分的代码。

页眉编程

一、前期准备

1、下载并安装好idea程序

2、创建web工程必备的文件夹以及文件

image、css，js三个文件夹、index.html、css文件、js文件。

3、用idea打开这个项目

file–open选择你所创建的文件夹
在这里插入图片描述
图中的.didea文件夹及内容都是系统自动创建的。在这里插入图片描述

4、在index.html文件中关联上css和js文件

如果想直接让系统给出index的框架，那么可以在idea中点击新建HTML
在这里插入图片描述
代码为：（可直接复制）

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" type="text/css" href="css/common.css">//关联上css
    <script type="text/javascript" src="js/first.js"></script>//关联上js
</head>
<body>
buy some food.
</body>
</html>

5、运行程序，在浏览器上显示出

在这里插入图片描述

二、页面头部的基本信息

或者称为页眉区
在这里插入图片描述
页眉区有3个部分，一个是网站logo图片，一个是商品分类的菜单栏，还有一个就是登录/注册部分。这三部分的区分就在于div块。

（一）网站logo块

1、只需要将logo图片关联进div块即可

<div class="logo">
    <img class="logopng" src=
最低0.47元/天 解锁文章
顾七a
关注
  • 5
    点赞
  • 踩
  • 63
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 4
    评论
专栏目录
servlet 实现结算购物车商品添加到订单（记录项目笔记、代码不全 仅供参考）
World peace的博客
03-18 1260
JSP页面： <%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> <%@page import="java.sql.PreparedStatement,petTest.bean.*"%> <%@page import="petTest.dao.QueryProduct,petTest.bean.Products"%&gt
idea使用maven创建web项目详细教程
02-23
本教程将指导您使用 IDEA 创建一个 Maven Web 项目，从安装 Maven 到配置 Maven 环境、创建 Maven 工程、pom.xml 文件配置、依赖管理等。 1. 安装 Maven 在 IDEA 中使用 Maven 之前，需要先安装 Maven。在 Maven ...
Java Web 电子商城项目源码
10-06
当前资源为电子商城项目的源码，有需要 的 可以下载了去研究研究，该项目比较注重实战，所以有利于提高编程能力和代码优化能力！
【附源码】计算机毕业设计超市商品销售管理系统（java+springboot+mysql+mybatis+论文)
sryue01的博客
04-15 458
后端服务接收到请求后，执行相应的业务逻辑处理，这通常包括与MySQL数据库的交互，如查询数据、插入记录、更新或删除数据等操作。这样，前端Vue.js和后端Spring Boot框架的接口紧密协作，而MySQL数据库则作为数据存储和管理的核心，确保了整个系统的数据一致性和高效处理。为了提高超市的运营效率，减少人力成本，提升客户满意度，超市商品销售管理系统应运而生。这种系统可以实时监控商品的销售情况，自动进行库存管理，预测销售趋势，为超市的采购、销售、促销等决策提供数据支持。
毕业设计 java web网上购物商城系统（源码+论文）
最新发布
yunhai66的博客
06-10 731
(1) 用户实体拥有的属性有用户ID、用户名、用户密码、性别、姓名、电话、邮寄地址和电子邮箱这八个属性。(2) 商品实体拥有的属性有商品ID、商品名称、商品种类、商品图片、商品描述、商品厂商、商城价格、商品原价、总数量和剩余数量这十个属性。(3) 商品种类实体拥有的属性有商品种类和商品种类名称这两个属性。(4) 订单实体拥有的属性有订单ID、订单用户名、商品、提交时间、发货时间、总金额、是否发货和是否付款这个八个属性。
ntellij idea 来创建一个购物网站——易买网
09-08
使用Intellij idea 来创建一个购物网站——易买网 使用工具：Intellij idea 、MySQL、Navicat Premium、jdk1.8 使用框架：layui、spring mvc 模版：百里香叶 主要内容：1、前后台均有编写，通过对数据库查询对网页界面实现动态展示。 2、有购物车添加功能和近期浏览功能(通过缓存实现)。 3、能够实现购物车中物品数量的增加、减少和动态的显示根据物品的添加和减少的数量来调整价格。
JavaWeb毕业设计-蛋糕商城系统（idea可用）
热门推荐
m0_53418068的博客
12-26 1万+
javaweb项目，idea可用，有pom文件，正常运行
使用Intellij idea 来创建一个购物网站——易买网
T_yangjing的博客
09-08 7178
(注释：我也只是个学生，我自己也知道项目肯定有做的不好的地方，如果是专业人士请绕道，这仅供学习参考。另外，这是我们一组四个人做的，并非是我一个人做的) 使用Intellij idea 来创建一个购物网站——易买网 使用工具：Intellij idea 、MySQL、Navicat Premium、jdk1.8 使用框架：layui、spring mvc 模版：百里香叶 主要内容：
idea 搭建ssm框架----项目实例在线商城讲解
逆光al的博客
12-02 1594
建立项目 项目实例 图书商城 创建各层的package 在这里请选择spring 和springmvc，然后一路next就能创建成功。之后请在src的包下创建四个模块 controller service dao pojo 创建resource目录 右键最上层的文件夹创建一个与src、web相同级别的resource目录。然后右键resource选择 Make Directory as -&...
Idea2020.2创建JavaWeb项目(部署Tomcat)方法详解
08-24
在本文中，我们将详细介绍如何使用 Idea2020.2 创建 JavaWeb 项目并部署到 Tomcat 服务器上。 首先，需要创建一个新的 Java 项目，而不是 Java Enterprise 项目。在 Idea2020.2 中，创建项目的步骤如下： 1. 打开 ...
javaweb项目实（含笔记与详细实现步骤）
07-20
JavaWeb项目实（含笔记与...通过这个JavaWeb项目实例，你将能够亲手创建一个完整的Web应用，从需求分析到代码编写，再到测试和部署，全面锻炼你的开发能力。实践是检验理论的最好方式，祝你在JavaWeb的道路上越走越远！
idea创建javaweb原生项目的实现示例
08-25
主要介绍了idea创建javaweb原生项目的实现示例，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
使用IDEA创建Java Web项目并部署访问的图文教程
08-27
本文主要介绍了使用IDEA创建Java Web项目并部署访问的详细教程，涵盖了IDEA的基本概念、安装和配置、创建Java Web项目、部署到Tomcat服务器、配置Tomcat服务器、运行项目等多个方面的内容。 1. IDEA基本概念 IDEA...
JavaWeb购物商城项目（完整源码+Mysql数据库）
05-14
【实例简介】我们在学习了JavaWeb各种基础知识之后，最需要做的就是学会应用，开发一些项目把所学的知识应用起来，下面的这个《JavaWeb购物商城项目》实战项目就是比较好的练手教程。 开发环境：Java、MySQL 相关...
Java web实验购物网站（IDEA开发环境，JavaScript，JSP，Servlet，jQuery，Ajax，MySql等）——实现购物车
weixin_44354613的博客
07-15 1万+
Java web实验购物网站实验要求实验开发工具及使用技术准备工作完整项目目录结构实验结果展示实验步骤小结项目完整代码及数据库.SQL文件 实验要求 掌握静态HTML, CSS，JavaScript,，JSP，Servlet，jQuery，Ajax等技术； 本实验为综合实验，学会灵活运用本课程所学的知识解决实际问题； 自选主题设计并建立一个购物网站(如花店网站，书店网站等）； 不建议使用框架，用基础知识去完成项目； 网站入口为:index.jsp。 实验开发工具及使用技术 win10系统，浏览器 My
javabean+servlet+JSP页面做购物网站 （附效果图+源码）
weixin_43945828的博客
04-26 5774
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 欢迎使用Ma...
ideaSSM社区二手交易平台C2C模式开发mysql数据库web结构java编程计算机网页源码maven项目
qq_251836457的博客
03-14 1058
一、源码特点idea ssm 社区二手交易平台系统是一套完善的完整信息管理系统，结合SSM框架完成本系统SpringMVC spring mybatis ，对理解JSP java编程开发语言有帮助系统采用SSM框架（MVC模式开发），系统具有完整的源代码和数据库，系统主要采用B/S模式开发。前段主要技术 jscss jquery后端主要技术 SpringMVC spring mybatis数据库 mysql开发工具 IDEA JDK1.8 TOMCAT 8.5。
java ssm校园二手书交易平台idea
QQ242219979的博客
01-31 415
该网站从实际运用的角度出发，运用了计算机网站设计、数据库等相关知识，网络和Mysql数据库设计来实现的，网站主要包括学生注册、学生登录、浏览图书、搜索图书、查看图书并进行购买，对购买的图书进行确认收货、退款退货、查看个人信息、修改密码以及管理员对学生、二手图书、通知公告、用户留言、订单信息的管理等功能。管理员使用本系统涉到的功能主要有个人中心、学生管理、图书类型管理、二手图书管理、通知公告管理、管理员管理、用户留言、系统管理、订单管理等功能。2.4 SSM三大框架 8。
Idea项目--多模块项目（淘淘商城）
IT利刃出鞘的博客
02-08 1054
参考网址：idea搭建淘淘商城项目 - 简书基于maven使用IDEA创建多模块项目-CSDN博客 工程目录—taotao 选择Empty project，next 输入项目名称，创建项目 父工程—taotao-parent 使用“maven-archetype-quickstart”模板原型创建工程。 选择file->new->Module创建一个新的依赖工...
idea创建javaweb项目教程
08-29
创建JavaWeb项目的教程如下： 1. 安装Java开发工具：首先，确保你已经安装了Java Development Kit（JDK）和集成开发环境（IDE），比如Eclipse或IntelliJ IDEA。 2. 创建项目：打开IDE，选择新建JavaWeb项目的选项。根据IDE的不同，可能需要选择不同的项目模板。 3. 配置项目：在创建项目时，需要配置一些基本信息，比如项目名称、项目路径等。还可以选择使用JavaEE版本和服务器类型。 4. 创建Servlet类：在项目中创建一个Servlet类来处理HTTP请求。可以通过继承HttpServlet类并重写doGet()或doPost()方法来实现。 5. 配置Servlet映射：在web.xml文件中配置Servlet映射，将Servlet与特定的URL路径关联起来。也可以使用注解（比如@WebServlet）来进行映射。 6. 创建HTML页面：在WebContent目录下创建HTML页面，用于展示数据或与用户交互。 7. 配置部署描述符：在web.xml文件中配置部署描述符，包括Servlet映射、过滤器、监听器等。 8. 运行项目：将项目部署到Web服务器（比如Tomcat）上，并启动服务器。然后在浏览器中访问项目的URL，查看效果。 以上是一个简单的JavaWeb项目的创建过程。当然，在实际开发中还涉及到数据库操作、前端页面设计、业务逻辑处理等更复杂的内容。希望对你有所帮助！

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

顾七a

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值