# 大疆官网_H5

**Repository Path**: programer_home/dajiang-official-website-h5

## Basic Information

- **Project Name**: 大疆官网_H5
- **Description**: nodejs为服务端，mysql为数据库。基于vue2、vue-router、axios实现的大疆h5版本官网
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 7
- **Forks**: 2
- **Created**: 2021-11-12
- **Last Updated**: 2025-08-13

## Categories & Tags

**Categories**: Uncategorized

**Tags**: Vue, Nodejs, MySQL, Axios

## README

# dJi-H5
一.大疆(Andioid)项目<p>
! 此项目分为未登录和登录后的商城项目系统 !<p>
1.模仿 https://m.dji.com/cn 项目官网<p>
2.使用了Vue-cli脚手架进行编写<p>
3.请浏览和start的禁止上线<p>
4.否则一系列法律问题，本人不做相应的承担<p>
二.使用<p>
! 注意，此项目分为未登录与登录后，项目不允许向数据库进行注册 !<p>
默认登录账号与密码  15555555555 123456..<p>
2.下载xmapp集成服务器软件和node.js服务端<p>
3.启动xmapp的Apache和mysql的start哦<p>
4.打开xmapp集成服务器中的mysql的admin网页化管理导入Dji.sql哦<p>
4.因为项目有一些图标没有，所以用了element-ui<p>
三.手机问题
如果各位想在手机下观看本项目<p>
请在.vue页面文件和后台文件夹的Dji.sql文件当中<p>
搜索127.0.0.1更换本地电脑ip(手机与电脑必须一个局域网内)<p>
最后cmd运行vue-cli:npm run dev<p>
本项目只供初学者学习和初学者浏览使用，请大神勿喷！<p>
1.目录结构<p>
<img src="https://gitee.com/programer_home/dajiang-official-website-h5/raw/master/projectImg/projectDir.PNG"/><p>
1.首页<p>
<img src="https://gitee.com/programer_home/dajiang-official-website-h5/raw/master/projectImg/index1.PNG"/>
<img src="https://gitee.com/programer_home/dajiang-official-website-h5/raw/master/projectImg/index2.PNG"/>
<img src="https://gitee.com/programer_home/dajiang-official-website-h5/raw/master/projectImg/index3.PNG"/><p>
2.用户中心<p>
<img src="https://gitee.com/programer_home/dajiang-official-website-h5/raw/master/projectImg/user.PNG"/><p>
3.登录与注册<p>
<img src="https://gitee.com/programer_home/dajiang-official-website-h5/raw/master/projectImg/login.PNG"/>
<img src="https://gitee.com/programer_home/dajiang-official-website-h5/raw/master/projectImg/reg.PNG"/><p>
4.商品详情<p>
<img src="https://gitee.com/programer_home/dajiang-official-website-h5/raw/master/projectImg/detail1.PNG"/>
<img src="https://gitee.com/programer_home/dajiang-official-website-h5/raw/master/projectImg/detail2.PNG"/><p>
5.购物车<p>
<img src="https://gitee.com/programer_home/dajiang-official-website-h5/raw/master/projectImg/cart1.PNG"/>
<img src="https://gitee.com/programer_home/dajiang-official-website-h5/raw/master/projectImg/cart2.PNG"/><p>