1. 安装web服务器；

sudo apt install apache2

2. 验证web服务器是否安装好，进行一下操作；

a) 在/var/www/html目录下，编写一个文本如hello.html，内容自己写，如欢迎大家学习等;指令如下：

sudo vi /var/www/html/hello.html →回车

按i进入编辑模式编辑；

输入完成后按esc键，输入”:wq”→回车

b) ifconfig查看ip;

c) 在window系统下打开浏览器，并在网页中输入ubuntu系统ip地址+文件名称，例如http://192.168.0.120/hello.html

d) 如果出现ubuntu系统中vi编辑的内容一致，代表安装成功；

3. 安装mysql：

a) sudo apt install mysql-server (安装数据库Mysql服务器的服务器端)；

b) sudo apt install mysql-client (安装数据库Mysql服务器的客户端)；

4. 初始化mysql 的密码权限：

sudo mysql_secure_installation (设置初始mysql密码)

5. 升级成超级权限才可以凭密码登录mysql 服务器

sudo su –l

切换回普通用户：su +普通用户名称

6. 登陆mysql：

mysql(首次登陆可以使用这条命令)；

mysql –u root –p(接下来登陆采用这条命令)；

7. 打印出数据库列表;(数据库命令不区分大小写，命令结束后封号结尾)

SELECT user,authentication_string,plugin,host FROM mysql.user；

8. 设置较低级的密码，方便用于教学输入；

SET GLOBAL validate_password_policy=LOW;

9. 设置mysql的登陆密码：

ALTER USER 'root'@'localhost' IDENTIFIED WITH mysql_native_password BY 'xmcu0592';

10. 刷新MySQL的系统权限相关表­：

FLUSH PRIVILEGES;

11. 创建数据库的名称：

create database xmcu3ae;

12. 创建数据库xmcu3ae的账号为luo3ae密码是pwm3ae0592：

grant all privileges on xmcu3ae.* to luo3ae@'%' identified by 'pwm3ae0592';

13. mysql更新权限：

FLUSH PRIVILEGES ;

14. 选择刚刚创建的数据库：

use xmcu3ae;

15. 创建表格名称和数据类型：

create table bgdx17a999(id int(4) primary key not null auto_increment, wendu float(5.2),time datetime);

16. 在表格bgdx17a999中插入一条数据

insert into bgdx17a999(wendu,time ) values (28.58,'2019-10-11 08:48:00');

17. 显示写入表格bgdx17a999中的数据；

select * from bgdx17a999;

18. 退出数据库：

quit；

19. 开启远程访问:

sudo vim /etc/mysql/mysql.conf.d/mysqld.cnf (可以远程访问，不改的话，只能从本地访问mysql数据库)

这一行的前面加入#注释掉这一行，就是不仅仅只监听本地127.0.0.1的数据链接，就是可以允许远程访问

#bind-address = 127.0.0.1

20. 安装php apache-php php-mysql脚本插件：

sudo apt install php libapache2-mod-php php-mysql

21. 验证以上安装的内容是否安装好：

sudo vi /var/www/html/phpinfo.php

phpinfo();

?>

22. 在window系统下打开浏览器，并在网页中输入ubuntu系统ip地址+文件名称，例如http://192.168.0.120/phpinfo.php ，网页出现出现这些就表明php，mysql，apache2都安装好了：

23. 重启ubuntu系统：

sudo reboot

24. 使用winscp将文件上传至ubuntu系统中，或者将文件放置win的共享文件夹中，ubuntu可以直接查看；

把这些文件拷贝到虚拟机的/var/www/html 目录下

canvasjs.min.js(不要编辑，脚本)

form.html (通过网页收取信息)

insert.php (将form.html 网页收取到的信息插入数据库)

plot.php (读取数据库的数据，画出曲线图来)

table.php (读取数据库的数据，以表格的形式，不画图)

25. plot.php、table.php里包含了数据库的相关信息，如和自己创建的数据库信息不一致，要进入这里修改；

26. window系统中打开网页输入(ubuntu的ip地址+文件名称)192.168.0.120/form.html，并在网页下输入相关内容，并点击提交；

27. ubuntu的ip地址+文件名称例如：http://192.168.1.120/plot.php