web应用开发的简单前后端环境搭建－大学web实验

一.在官网中自行下载Vscode

官网：https://code.visualstudio.com/

二.Hello World.html的创建
安装目录：D:\360Downloads\VSCODE\static  (自己创建的安装路径要记住，之后的代码中需要对应上)

1.源代码：

 2.浏览器运行

 

三.Python的安装

1.终端查看python （蓝色遮住是自己名字不用管）

 2.修改pip仓库为阿里镜像服务器

3. 使用pip安装服务依赖

4. 创建后端入口文件index.py

from fastapi import FastAPI
from fastapi.responses import FileResponse
from fastapi.staticfiles import StaticFiles
import os

app = FastAPI()

# 指定静态文件目录的路径
static_dir = "D:\\360Downloads\\VSCODE\\static"

# 将StaticFiles中间件添加到应用
app.mount("/static", StaticFiles(directory=static_dir), name="static")

@app.get("/")
def get_index():
    return FileResponse("static/greeting.html")

5.终端启动服务器

注意：如果已经安装好了python，但是无法找到对应的python版本来使用，很大可能是环境变量的问题或者多个版本的python不兼容，可以自行询问chat如何正确配置环境变量。

四.REST CLient测试

1.文件目录：static/greeting_test.http
2.源代码：
### Request local html page
GET http://localhost:8000/static/greeting.html HTTP/1.1
3.点击Send Request链接

 五.浏览器测试

 

 

六.后端环境搭建

1.安装JDK

2. 安装Tomcat
2.1在server.xml中确定端口号为8080

 2.2 在控制台（VScode终端）运行启动Tomcatbin/startup.bat

 2.3 输入http://localhost:8080,显示浏览器Tomcat首页

3. 安装STS 4

 4.4.创建JSP测试工程
4.1创建web工程，打开servers视图

 

Hello JSP下面出现当前的时间说明运行成功了。 （希望你们顺利！)