《Web前端项目实训》题目介绍 题目基本要求 【总体要求】 要求使用HTML5、CSS3、 JavaScript、 JQuery、AJAX等技术,不可使用ASP.net、 PHP、JSP、Ruby等动态网站开发技术,禁止使用 Flash等富媒体技术。 必须能够符合Web标准,能够通过Web标准测试。 Web能够在 Windows、 Linux、Mac系统下正常访问,并支持中英文操作系统,应 满足IE1l、Edge、 Firefox、 Chrome、 Opera、360、遨游、QQ浏览器的访问,在上述 浏览器的浏览下能够完整表现。 移动Web的题目要支持 Android、I0S智能手机、平板等移动设备的正常访问
《Web 前端项目实训》题目介绍 题目基本要求 【总体要求】 要求使用 HTML 5、CSS 3、JavaScript、JQuery、AJAX 等技术，不可使用 ASP.net、 PHP、JSP、Ruby 等动态网站开发技术，禁止使用 Flash 等富媒体技术。 必须能够符合 Web 标准，能够通过 Web 标准测试。 Web 能够在 Windows、Linux、Mac 系统下正常访问，并支持中英文操作系统，应 满足 IE11、Edge、Firefox、Chrome、Opera、360、遨游、QQ 浏览器的访问，在上述 浏览器的浏览下能够完整表现。 移动 Web 的题目要支持 Android、IOS 智能手机、平板等移动设备的正常访问
《Web前端开发项目实训》题目之 全国空气质量数据服务系统 【功能要求】 1、系统可实现全国空气质量地图,以地图的形式实时展示每个省份当前空气质 量数据,点击每个省份区块,可以弹出每个省份的地图,并在指向其地市是展示数据。 2、系统可展示某个城市具体空气质量指标,包括空气质量指数、PM2.5值、PM0 值等信息。 3、系统可展示国内城市空气质量最好的TON与空气质量最差的T0PN排行榜。 【成果形式】 1、系统应基于功能要求进行设计,可根据自己的理解增加其他功能 2、系统应注重用户体验,风格自定、设计自定、名称自拟。 【技术路线】 1、采用HML5、CSS3、 JavaScript进行静态页面展示; 2、采用AJAX技术进行数据读取 3、采用 Echarts、D3.js等插件实现数据可视化展示。 【参考网站】 http://www.pm25.com
《Web 前端开发项目实训》题目之一 全国空气质量数据服务系统 【功能要求】 1、系统可实现全国空气质量地图，以地图的形式实时展示每个省份当前空气质 量数据，点击每个省份区块，可以弹出每个省份的地图，并在指向其地市是展示数据。 2、系统可展示某个城市具体空气质量指标，包括空气质量指数、PM2.5 值、PM10 值等信息。 3、系统可展示国内城市空气质量最好的 TOPN 与空气质量最差的 TOPN 排行榜。 【成果形式】 1、系统应基于功能要求进行设计，可根据自己的理解增加其他功能； 2、系统应注重用户体验，风格自定、设计自定、名称自拟。 【技术路线】 1、采用 HTML 5、CSS 3、JavaScript 进行静态页面展示； 2、采用 AJAX 技术进行数据读取； 3、采用 Echarts、D3.js 等插件实现数据可视化展示。 【参考网站】 http://www.pm25.com
《Web前端开发项目实训》题目之二 个人信息发布系统 【功能要求】 1、系统应支持个人信息的维护,可编辑维护个人档案信息。 系统应支持个人文章发布,提供不同分类的文章发布 3、系统应支持个人信息的展示,包括PC端展示与移动端展示。 4、系统应支持通过扫描二维码查看个人信息。 【成果形式】 1、系统应基于功能要求进行设计,可根据自身情况增加其他功能 2、系统应注重用户体验,风格自定、设计自定、名称自拟。 3、系统应包含前台信息展示与后台信息维护两个部分,后台信息维护时需要进 行登录 【技术路线】 1、采用HML5、CSS3、 JavaScript进行静态页面展示; 2、采用AJAX技术进行数据读取 3、采用 EDitor、 CKEditor等编辑器实现信息编辑。 【参考网站】 http://www.ruanyifeng.com
《Web 前端开发项目实训》题目之二 个人信息发布系统 【功能要求】 1、系统应支持个人信息的维护，可编辑维护个人档案信息。 2、系统应支持个人文章发布，提供不同分类的文章发布。 3、系统应支持个人信息的展示，包括 PC 端展示与移动端展示。 4、系统应支持通过扫描二维码查看个人信息。 【成果形式】 1、系统应基于功能要求进行设计，可根据自身情况增加其他功能； 2、系统应注重用户体验，风格自定、设计自定、名称自拟。 3、系统应包含前台信息展示与后台信息维护两个部分，后台信息维护时需要进 行登录。 【技术路线】 1、采用 HTML 5、CSS 3、JavaScript 进行静态页面展示； 2、采用 AJAX 技术进行数据读取； 3、采用 UEditor、CKEditor 等编辑器实现信息编辑。 【参考网站】 http://www.ruanyifeng.com
《Web前端开发项目实训》题目之三 《国家宝藏》推广网站 【功能要求】 1、系统应支持视频在线播放,实现视频播放器功能 2、系统应支持不同栏目的文章展示,展示《国家宝藏》周边内容 3、系统应支持评论功能,允许通过互联网服务提供评论功能 4、系统应支持撰写《国家宝藏》相关文章并展示。 【成果形式】 1、系统应基于功能要求进行设计,可根据自己理解增加其他功能 2、系统应注重用户体验,风格自定、设计自定、名称自拟。 3、系统应包含前台信息展示与后台信息维护两个部分,信息后台维护时需要进 行登录 【技术路线】 1、采用HML5、CSS3、 JavaScript进行静态页面展示; 2、采用AJAX进行数据的读取与处理。 3、采用HML5技术实现视频播放器。 【参考网站】 http://jingji.cntvcn/special/internetage/01/index.shtml
《Web 前端开发项目实训》题目之三 《国家宝藏》推广网站 【功能要求】 1、系统应支持视频在线播放，实现视频播放器功能。 2、系统应支持不同栏目的文章展示，展示《国家宝藏》周边内容。 3、系统应支持评论功能，允许通过互联网服务提供评论功能。 4、系统应支持撰写《国家宝藏》相关文章并展示。 【成果形式】 1、系统应基于功能要求进行设计，可根据自己理解增加其他功能； 2、系统应注重用户体验，风格自定、设计自定、名称自拟。 3、系统应包含前台信息展示与后台信息维护两个部分，信息后台维护时需要进 行登录。 【技术路线】 1、采用 HTML 5、CSS 3、JavaScript 进行静态页面展示； 2、采用 AJAX 进行数据的读取与处理。 3、采用 HTML 5 技术实现视频播放器。 【参考网站】 http://jingji.cntv.cn/special/internetage/01/index.shtml
《Web前端开发项目实训》题目之四 网络黑名单查询服务系统 【功能要求】 1、系统应支持黑名单查询功能。 系统应支持提交黑名单地址,当提交多个地址时,将地址进行聚合后提交数 据。 3、系统应支持基于全国地图的黑名单地域分析,在地图中绘制黑名单热区。 系统应支持对黑名单防护类文章的编辑与展示。 【成果形式】 1、系统应基于功能要求进行设计,可根据自己理解增加其他功能; 2、系统应注重用户体验,风格自定、设计自定、名称自拟。 3、系统应包含前台信息展示与后台信息维护两个部分,信息后台维护时需要进 行登录。 【技术路线】 1、采用HTML5、CSS3、 JavaScript进行静态页面展示; 2、采用AJAX进行读取与处理 3、采用 Chars、D3等实现数据的可视化分析。 【参考网站】 https://mtj.baidu.com
《Web 前端开发项目实训》题目之四 网络黑名单查询服务系统 【功能要求】 1、系统应支持黑名单查询功能。 2、系统应支持提交黑名单地址，当提交多个地址时，将地址进行聚合后提交数 据。 3、系统应支持基于全国地图的黑名单地域分析,在地图中绘制黑名单热区。 4、系统应支持对黑名单防护类文章的编辑与展示。 【成果形式】 1、系统应基于功能要求进行设计，可根据自己理解增加其他功能； 2、系统应注重用户体验，风格自定、设计自定、名称自拟。 3、系统应包含前台信息展示与后台信息维护两个部分，信息后台维护时需要进 行登录。 【技术路线】 1、采用 HTML 5、CSS 3、JavaScript 进行静态页面展示； 2、采用 AJAX 进行读取与处理。 3、采用 Echars、D3 等实现数据的可视化分析。 【参考网站】 https://mtj.baidu.com/
《Web前端开发项目实训》题目之五 信息技术开放科研创新平台云数据中心运维 服务系统 【功能要求】 1、系统应支持对信息技术开放科研创新平台云数据中心运维数据的可视化展示。 系统应支持对信息技术开放科研创新平台云数据中心运维数据的列表展示 3、系统应支持对信息技术开放科研创新平台云数据中心运维数据详情的展示。 4、系统应设计支持柱状图、饼状图、散点图、折线图、表盘等展示模型,展示 不同类型设备的运维信息 【成果形式】 系统应基于功能要求进行设计,可根据自己理解增加其他功能 2、系统应注重用户体验,风格自定、设计自定、名称自拟。 【技术路线】 1、采用HTML5、CSS3、 JavaScript进行静态页面展示; 2、采用AJAX进行数据的读取与处理。 3、采用滚动加载模式实现列表数据的异步加载 【参考网站】 http://portal.gianniuhua.online/manageindex.html#!/service/openbbt
《Web 前端开发项目实训》题目之五 信息技术开放科研创新平台云数据中心运维 服务系统 【功能要求】 1、系统应支持对信息技术开放科研创新平台云数据中心运维数据的可视化展示。 2、系统应支持对信息技术开放科研创新平台云数据中心运维数据的列表展示。 3、系统应支持对信息技术开放科研创新平台云数据中心运维数据详情的展示。 4、系统应设计支持柱状图、饼状图、散点图、折线图、表盘等展示模型，展示 不同类型设备的运维信息。 【成果形式】 1、系统应基于功能要求进行设计，可根据自己理解增加其他功能； 2、系统应注重用户体验，风格自定、设计自定、名称自拟。 【技术路线】 1、采用 HTML 5、CSS 3、JavaScript 进行静态页面展示； 2、采用 AJAX 进行数据的读取与处理。 3、采用滚动加载模式实现列表数据的异步加载。 【参考网站】 http://portal.qianniuhua.online/manageindex.html#!/service/openbbt
《Web前端开发项目实训》题目之 河南中医药大学新闻网 【功能要求】 1、系统应支持对河南中医药大学新闻网栏目的管理,包括增加、删除、修改。 2、系统应支持对河南中医药大学新闻网新闻的管理,包括增加、删除、修改 3、系统应支持对河南中医药大学新闻网内容的展示,展示页面类型应包括首页、 列表页、内容页等。 【成果形式】 1、系统应基于功能要求进行设计,可根据自己理解增加其他功能 2、系统应注重用户体验,风格自定、设计自定、名称自拟。 3、系统应包含前台信息展示与后台信息维护两个部分,信息后台维护时需要进 行登录 【技术路线】 1、采用HML5、CSS3、 JavaScript进行静态页面展示; 2、采用AJAX进行内容数据的读取与处理。 3、采用 Editor、 CKEditor等编辑器实现信息编辑。 【参考网站】 https://baijia.baidu.com
《Web 前端开发项目实训》题目之六 河南中医药大学新闻网 【功能要求】 1、系统应支持对河南中医药大学新闻网栏目的管理，包括增加、删除、修改。 2、系统应支持对河南中医药大学新闻网新闻的管理，包括增加、删除、修改。 3、系统应支持对河南中医药大学新闻网内容的展示，展示页面类型应包括首页、 列表页、内容页等。 【成果形式】 1、系统应基于功能要求进行设计，可根据自己理解增加其他功能； 2、系统应注重用户体验，风格自定、设计自定、名称自拟。 3、系统应包含前台信息展示与后台信息维护两个部分，信息后台维护时需要进 行登录。 【技术路线】 1、采用 HTML 5、CSS 3、JavaScript 进行静态页面展示； 2、采用 AJAX 进行内容数据的读取与处理。 3、采用 Ueditor、CKEditor 等编辑器实现信息编辑。 【参考网站】 https://baijia.baidu.com
