2020年冬训小项目

来自CloudWiki
跳转至: 导航搜索

互联网+

1.选择一个对标网站:孔夫子旧书网(https://www.kongfz.com/).

Web10-1.png

第一阶段:图书管理系统

技术选型

1.用原生H5 +js + web存储实现

2.用vue.js实现(下学期)

3.用微信小程序或uni-app实现(下学期)

项目组成

  • 登录/注册页面

Web10-3.png

  • 网站首页

Web10-1.png

  • 网站列表页

Web10-2.png

  • 网站详情页

Web10-4.png

网站后台
  • 图书管理列表

Web10-5.png

  • 修改图书信息

Web10-6.png

  • 添加图书页面

Web6-19.png

第二阶段:外卖点餐系统

前端页面

https://www.4008-517-517.cn/cn/home.html

  • 登录注册

Web10-21.png

网站前端:

  • 网站首页

Web10-22.png

  • 浏览菜单:

Web10-24.png

  • 常见问题:

Web10-27.png

网站后台:

  • 填写送餐地址:

Web10-19.png

  • 添加购物车

Web10-25.png

  • 提交订单:

Web10-26.png

第三阶段:疫情发布系统

参考网站丁香医生,https://ncov.dxy.cn/ncovh5/view/pneumonia

运用html5 +css + (javascipt) 制作新型肺炎的疫情发布系统

要求使用Html5 技术(参考 Html5 和CSS3) 及自适应技术(参考网页:自适应网页之一

1.肺炎疫情动态 主页面:

Web10-31.png

2.疫情地图

Web10-32.png

3.疫情日报

Web10-33.png

4.辟谣与防护

Web10-34.png

5.实时播报

Web10-35.png

6.疾病知识

Web10-36.png

大数据

第一阶段:电影大数据网站

用html +css (+js)实现以下网站:

网站前端

电影首页:(https://movie.douban.com/)

Web10-7.png


电影分类:https://movie.douban.com/tag/#/

Web10-8.png


电影排行榜:https://movie.douban.com/chart

Web10-9.png

网站后台

后台首页:

Web10-10.png

后台图表页:

Web10-11.png

后台数据页:

Web10-12.png

第二阶段:电商大数据

前端页面

  • 首页:

Dian2.png

  • 商品列表页

Web10-17.png

  • 商品详情页:

Web10-18.png

后台管理页面

Web10-28.png

Web10-29.png

Web10-30.png

第三阶段:疫情大数据

简介:以小组为单位,参考微信公众号“中国新闻社”每天提供的疫情数据,尝试对疫情进行大数据分析

运用技术 :Excel 和Python语言

解决问题:用图表分析如下问题:

  • 最近7天全国范围病例增长趋势图
  • 最近3天各省份病例增长趋势图(各省份数据在一张图上就行)
  • 今天确诊病例 各省份分布图(哪个省份占比最大 ?)
  • 湖北省 和湖北省外 在病例增长速度上有什么不同 ?
  • 最近3天海外各个国家病例增长趋势图

从数据中还能发现什么问题 ?自定义问题进行分析

参考文档:

http://mp.weixin.qq.com/s?__biz=MzI5OTk5OTM2Mw==&mid=2247501252&idx=2&sn=fe273fd840b15a16f11909a1a63d2a37&chksm=ec8c8c28dbfb053e15b8cdf18e995e7dce94ee87ef9e1c2e805442e547f04f73120d723250ac&mpshare=1&scene=23&srcid=0205POzZBbRTp1ya3lopzRFy&sharer_sharetime=1580869059405&sharer_shareid=9a47d948e5a338ea483d560dfedff359#rd