在同一个路由环境下手机也可以通过电脑ip访问电脑中的网站


比如在手机 上可以在 192.168.xx.xx+ '端口号'就可以访问电脑上的本地网站 

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要创建一个简单的网站,需要使用 Web 框架来处理 HTTP 请求和响应。Python 有很多 Web 框架可供选择,比较流行的有 Flask、Django、FastAPI 等。其,Flask 是一个轻量级的 Web 框架,易于上手,适合快速开发简单的 Web 应用程序。 下面是一个使用 Flask 创建的简单网站示例: ```python from flask import Flask, render_template app = Flask(__name__) @app.route('/') def index(): return render_template('index.html') if __name__ == '__main__': app.run(host='0.0.0.0', port=8080) ``` 这个程序,我们导入了 Flask 模块,并创建了一个 Flask 应用程序对象。然后,我们使用 `@app.route` 装饰器将一个路由绑定到一个视图函数上。这个路由是 `'/'`,表示根路径,对应的视图函数是 `index`。在 `index` 函数,我们使用 Flask 提供的 `render_template` 函数将一个 HTML 模板渲染成 HTML 页面,并返回给客户端。 接下来,我们需要创建一个 HTML 模板,用于渲染成 HTML 页面。这里我们可以使用 Bootstrap 框架来创建一个响应式布局的网站。下面是一个简单的 HTML 模板示例: ```html <!DOCTYPE html> <html> <head> <title>My Website</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.0.0-beta2/css/bootstrap.min.css"> </head> <body> <nav class="navbar navbar-expand-lg navbar-light bg-light"> <div class="container-fluid"> <a class="navbar-brand" href="#">My Website</a> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarNav"> <ul class="navbar-nav"> <li class="nav-item"> <a class="nav-link active" aria-current="page" href="#">Home</a> </li> <li class="nav-item"> <a class="nav-link" href="#">About</a> </li> <li class="nav-item"> <a class="nav-link" href="#">Contact</a> </li> </ul> </div> </div> </nav> <div class="container mt-3"> <h1>Welcome to My Website</h1> <p>This is a simple website created using Flask and Bootstrap.</p> </div> <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <script src="https://cdn.bootcdn.net/ajax/libs/popper.js/2.9.3/umd/popper.min.js"></script> <script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.0.0-beta2/js/bootstrap.min.js"></script> </body> </html> ``` 这个模板,我们使用了 Bootstrap 框架提供的 CSS 和 JS 文件,创建了一个响应式布局的网站。页面包含一个导航栏和一个内容区域,其导航栏包含三个链接,分别指向首页、关于页面和联系页面。内容区域包含一个欢迎语和一段简介。 将这个 HTML 模板保存为 `templates/index.html` 文件,然后运行上面的 Python 程序,即可在浏览器访问这个网站。如果要让这个网站可以被手机电脑搜索查看,需要将 Python 程序运行在一个公网 IP 上,并将端口号设置为 80 或 443(HTTPS),然后将域名解析到这个 IP 上。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值