赞
踩
管理员输入用户名和密码之后可以登录到后台管理系统的信息,系统信息的展示通过form表单的形式展示,展示的时候如果数据过多的话需要通过后端逻辑接口page进行对数据的分页展示。数据信息能够在前端展示得益于后端逻辑接口通过数据库SQL语句把数据从数据库记录中取出,取出的记录通过R对象把数据从数据库记录传递到前端中。管理员可以在后台管理界面中搜索温度变化的信息,输入的温度变化名称和通过数据库记录查询的信息是否能够相互匹配,如果匹配的话则应把信息传递到前端界面中显示信息,如果查询不出温度变化的信息则应给出一定的提示。
前端技术:nodejs+vue+elementui
开发语言 node.js
框架:Express
前端:Vue.js
数据库:mysql
数据库工具:Navicat
开发软件:VScode
nodejs 可以开发后端代码,可以用JavaScript(不包括dom bom 存储)处理逻辑,连接数据库等操作
wimdow+r 输入 cmd 输入node 验证nodejs安装成功
可从NPM服务器下载别人编写的第三方包到本地使用。
可从NPM服务器下载并安装别人编写的命令行程序到本地使用。
可将自己编写的包或命令行程序上传到NPM服务器供别人使用。
Express 框架于Node运行环境的轻量级Web框架,封装了Node的http模块并对该模块的功能进行了扩展使开发者可以轻松完成页面路由、请求处理、响应处理。
Express能做什么
对于前端程序员来说,最常见的两种服务器,分别是:
Web网站服务器:专门对外提供 Web 网页资源的服务器。
本天气管理系统使用了开源框架vue开发实现了天气管理系统,并且使用了开发工具vscode和数据库MySQL。在开发实现天气管理系统之前,需要对系统进行需求分析和调研,从而分析出天气管理系统需要具备什么样的功能,设计出对应的总体架构,开发实现完天气管理系统之后还需要对系统进行测试。本次开发的天气管理系统功能包括:用户:首页,天气预报,温度变化,新闻资讯,个人中心。管理员:首页,个人中心,用户管理,天气预报管理,温度变化管理,管理员管理,系统管理。
关键词:vue;idea;MySQLWith the rapid development of Internet technology, whether it is people's life or work, Internet technology has brought a lot of convenience. People can not only improve work efficiency, but also reduce the probability of making mistakes through Internet technology. At present, many weather management systems are not mature and there are many problems in management. Therefore, setting up a more mature weather management system can facilitate users and improve the efficiency of administrator management.
The weather management system uses the open source framework vue to develop and implement the weather management system, and uses the development tool idea and database mysql. Before the development and implementation of the weather management system, it is necessary to conduct demand analysis and Research on the system, so as to analyze what functions the weather management system needs to have, design the corresponding overall architecture, and test the system after the development and implementation of the weather management system. The functions of the weather management system include: user: home page, weather forecast, temperature change, news and information, personal center. Administrator: home page, personal center, user management, weather forecast management, temperature change management, administrator management, system management.
Keywords:vue;Idea;MySQL
目 录
1 绪 论 1
1.1 课题背景与研究意义 1
1.2 课题研究现状 1
1.3 论文结构 2
2 相关技术分析 3
2.2 MySQL数据库 3
2.3 Vue框架 3
2.4 MVC模式 4
2.5 vue框架 4
3 需求分析 5
3.1 系统目标 5
3.2 系统可行性分析 5
3.3 功能需求分析 6
3.4 非功能需求分析 7
4 概要设计 8
4.1 设计目标 8
4.2 功能流程 8
4.3 数据库设计 12
4.3.1 概念性数据模型 12
4.3.2 数据库表设计 13
5 系统实现 16
5.1 用户管理 16
5.2 天气预报管理 16
5.3 温度变化管理 17
5.4 新闻资讯管理 18
5.5 天气预报展示 18
5.6 天气预报详细信息 19
5.7 温度变化展示 20
5.8 温度变化详细信息 20
6 系统测试 22
6.1 软件测试的定义 22
6.2 黑盒测试 22
6.3 动态测试 22
6.4 测试用例 22
6.4.1 登录测试 22
6.4.2用户管理测试 23
6.4.3 温度变化管理测试 24
6.4.4 天气预报管理测试 25
7 结论与展望 26
7.1 结论 26
7.2 展望 26
参 考 文 献 27
致 谢 28
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。