电商项目:仿小米官网纯HTML+css布局

本文介绍了使用HTML5和CSS构建一个类似小米官网的电商项目,旨在巩固基础知识并适合新手练习。项目前端仅使用HTML和CSS,后续计划引入Vue。后端采用SpringBoot和Mybatis,数据库为MySQL 8.0+。文章详细讲解了商城界面的各个部分,如导航栏、商品列表、商品分类和轮播图、商品细节图以及右侧悬浮窗的实现,特别强调了定位、浮动和动画等技巧的应用。
摘要由CSDN通过智能技术生成

前言

时间过得很快,已经步入大三下学期了,浪了大学这几年,这几个星期从新把之前学的html+css系统性复习了一遍,虽然之前也学习过,但Monto觉得无论任何事情,基础是最重要的,任何框架千变万变,但唯独基础知识是不会改变的,作为一个web小白,要杜绝好高骛远,把根基打扎实才是最稳妥的,至少我是这么看来的,不知道屏幕前的读友您是怎么认为的?好了废话不多说了,整活。

正文

我打算分模块按系统功能写,即一篇文章阐述项目中一个模块,通过分析达到让已经熟悉相关技术的同学能清楚地贯穿项目流程,即使不熟悉的新手也能了解到相关知识点从而进行后续学习。本篇先采用html5和css编写一个大概框架,后期将使用js在在,jq,技术栈可能会用到vue,后端的话Mysql+springboot。

一.技术类型

主要技术栈
    本项目前端主要是由纯HTML和css搭建,比较简单的一个应用很适合小白练手

计划下期跟新将会使用vue进行编写

    后端采用SpringBoot + Mybatis + MySQL

二.运行环境

  • 1.Maven(项目对象模型,可以通过一小段描述信息来管理项目的构建,报告和文档的项目管理工具软件
  • 2.MySQL 8.0+版本(不支持8.0版本以下的&
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值