VS Code写网页方法 千次阅读

2020-03-05 17:36:16

下载Visual Studio Code

地址：https://visualstudio.microsoft.com/zh-hans/downloads/

设置Visual Studio Code（VSCode）语言为中文

Windows系统下按快捷键：ctrl+shift+p打开命令面板，界面如下：

也可以直接通过界面调出来

可调默认语言

安装中文版可以在左边栏选择最下面一个extensions搜索chinese

右边直接可以安装，装完需要重启VS Code

如何让VS Code直接在浏览器中运行看到代码效果？

同样的地方搜索插件open in browser，直接安装

插件右边有说明栏：

alt+b直接在默认浏览器中运行

shift+alt+b可以自己选择一个浏览器运行

之后就可以在浏览器中看到运行效果了

更多相关内容

如何用python做后端写网页-flask框架

千次阅读 多人点赞 2021-02-21 23:32:34

如何以python做后端写网页-flask框架什么是Flask安装flask模块Hello World更深一步：数据绑定如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右...

如何用python做后端写网页-flask框架

什么是Flask

什么是Flask

Flask是一个使用 Python 编写的轻量级 Web 应用框架。其 WSGI 工具箱采用 Werkzeug ，模板引擎则使用 Jinja2 。Flask使用 BSD 授权。以下程序均在自己服务器上运行（在vs code利用ssh进行连接）

安装flask模块

首先使用pip进行安装：

pip install flask

在所在项目文件夹下创建templates文件夹（用于存放html等文件）和app.py，如图：
在这里插入图片描述

Hello World

我们可以在templates文件中新建index.html文件，其内容如下：

<html>
    <h1>Hello Word!</h1>
</html>

在上一步建立的app.py文件中，写入：

from flask import Flask, render_template, request, jsonify
#创建Flask对象app并初始化
app = Flask(__name__)

#通过python装饰器的方法定义路由地址
@app.route("/")
#定义方法 用jinjia2引擎来渲染页面，并返回一个index.html页面
def root():
    return render_template("index.html")
#定义app在8080端口运行
app.run(port=8080)

我们写好app.py文件后，我们按F5 运行，即终端输出：
在这里插入图片描述
我们访问服务器的8080端口，即Hello World出现在眼前！

更深一步：数据绑定

上一步我们简单地搭建好一个静态网页，它的显示只取决于前端，是固定不变的。我们如何做到从后端传递数值并在前端显示呢？这就需要使用数据绑定.
数据绑定,顾名思义，是为了实现一种“动态”的效果，后台的数据更新了，前端页面也自动更新；前端页面上的数据更新了，后台的数据也自动更新。在flask框架中，后端先将网页进行加载，并把传入的数据放在合适的位置后使用jinjia2引擎渲染，最后将渲染好的页面返回。

后端传入数据

我们首先在render_template函数中传递需要绑定的数据name,age:

from flask import Flask, render_template, request, jsonify
#创建Flask对象app并初始化
app = Flask(__name__)

#通过python装饰器的方法定义路由地址
@app.route("/")
#定义方法 用jinjia2引擎来渲染页面，并返回一个index.html页面
def root():
    return render_template("index.html",name="zxy",age=21)
#定义app在8080端口运行
app.run(port=8080)

在前端index.html中,我们获取传入的数据：

<html>
    <h1>我是{{name}},今年{{age}}岁</h1>
</html>

我们再按F5运行，并访问服务器的8080端口，页面显示：
在这里插入图片描述

从前端获取数据

那么，前端提交的数据如何传到后端呢？
在这里，我使用ajax实现数据的异步传输。我们将主要步骤概括为：

1.在前端页面中引入jQuery
2.创建两个输入框，一个按钮用于输入数据和事件提交。
3.在js中编写事件，使用ajax进行数据提交
4.在后端app.py中编写对应的事件处理函数

前端index.html内容如下：

<html>
    <!--引入jQuery包用于使用ajax-->
    <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
    <h1>请输入你的姓名和年龄</h1>
    <!--创建两个input输入框，定义id分别为name,age-->
    <input type="text" id="name" name="name" placeholder="姓名">
    <br>
    <input type="text" id="age" name="age" placeholder="年龄">
    <br>
    <!--创建button按钮，点击则激发submit()事件-->
    <button onclick="submit();">提交</button>
    <script>
        /*在这里编写submit()事件*/
        function submit() {
            $.ajax({
                url: "submit", /*数据提交到submit处*/
                type: "POST",  /*采用POST方法提交*/
                data: { "name": $("#name").val(),"age":$("#age").val()},  /*提交的数据（json格式），从输入框中获取*/
                /*result为后端函数返回的json*/
                success: function (result) {
                    if (result.message == "success!") {
                        alert(result.message+"你的名字是"+result.name+",你的年龄是"+result.age)
                    }
                    else {
                        alert(result.message)
                    }
                }
            });
        }
    </script>
</html>

当我们完成ajax数据提交后，则在后端app.py处编写对应的处理函数submit()。
app.py中的内容如下：

from flask import Flask, render_template, request, jsonify
#创建Flask对象app并初始化
app = Flask(__name__)

#通过python装饰器的方法定义路由地址
@app.route("/")
#定义方法 用jinjia2引擎来渲染页面，并返回一个index.html页面
def root():
    return render_template("index.html")

#app的路由地址"/submit"即为ajax中定义的url地址，采用POST、GET方法均可提交
@app.route("/submit",methods=["GET", "POST"])
#从这里定义具体的函数 返回值均为json格式
def submit():
    #由于POST、GET获取数据的方式不同，需要使用if语句进行判断
    if request.method == "POST":
        name = request.form.get("name")
        age = request.form.get("age")
    if request.method == "GET":
        name = request.args.get("name")
        age = request.args.get("age")
    #如果获取的数据为空
    if len(name) == 0 or len(age) ==0:
        return {'message':"error!"}
    else:
        return {'message':"success!",'name':name,'age':age}

#定义app在8080端口运行
app.run(port=8080)

编写完成后，我们访问服务器8080端口进行测试，结果如下：
在这里插入图片描述

数据库连接

数据库是一个网页不可或缺的部分。前面的例子中，数据都是从前端获取或者随机输入的。如何从数据库中获取数据呢？
首先我们引入pymysql库并编写Database类，该类写在database.py中：

import pymysql
class Database:
    #设置数据库的连接参数，由于我是在服务器中编写的，所以host是localhost
    host = "localhost"
    user = "root"
    password = "Zhangxy0212!!"
    #类的构造函数，参数db为欲连接的数据库。该构造函数实现了数据库的连接
    def __init__(self,db):
        connect = pymysql.connect(host=self.host,user=self.user,password=self.password,database=db)
        self.cursor = connect.cursor()
    #类的方法，参数command为sql语句
    def execute(self, command):
        try:
            #执行command中的sql语句
            self.cursor.execute(command)
        except Exception as e:
            return e
        else:
            #fetchall()返回语句的执行结果，并以元组的形式保存
            return self.cursor.fetchall()

我们可以在templates文件中新建一个data.html文件，用于创建一个新的页面，文件内容如下:

<html>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<h1>请输入你的名字</h1>
<input type="text" id="name" name="name">
<button onclick="show();">提交</button>
<!--result用来显示提交结果-->
<p id="result"></p>
<script>
    function show() {
        $.ajax({
            url: "show",
            type: "POST",
            data: { "name": $("#name").val()},
            /*不要忘记 result为后端处理函数的返回值！*/
            success: function (result) {
                if (result.status == "success") {
                    $("#result").text($("#name").val() + "是" + result.message)
                }
                else {
                    $("#result").text("出错了")
                }
            }
        });
    }
</script>
</html>

按钮的触发事件为show();接下来我们在app.py中编写 渲染data.html页面的函数data()和事件处理函数show().
切记，这两个函数一定要加在 创建app对象 和 定义运行端口之间！！
由于我们要使用写好的Database类进行数据库的连接，因此需要在app.py顶部进行引入:

from database import Database

data()函数和show()函数如下：

#通过python装饰器的方法定义路由地址
@app.route("/data")
#定义方法 用jinjia2引擎来渲染页面，并返回一个index.html页面
def data():
    return render_template("data.html")

#app的路由地址"/show"即为ajax中定义的url地址，采用POST、GET方法均可提交
@app.route("/show",methods=["GET", "POST"])
def show():
    #首先获取前端传入的name数据
    if request.method == "POST":
        name = request.form.get("name")
    if request.method == "GET":
        name = request.args.get("name")
    #创建Database类的对象sql，test为需要访问的数据库名字 具体可见Database类的构造函数
    sql = Database("test")
    try:
        #执行sql语句 多说一句，f+字符串的形式，可以在字符串里面以{}的形式加入变量名 结果保存在result数组中
        result = sql.execute(f"SELECT type FROM type WHERE name='{name}'")
    except Exception as e:
        return {'status':"error", 'message': "code error"}
    else:
        if not len(result) == 0:
            #这个result，我觉得也可以把它当成数据表，查询的结果至多一个，result[0][0]返回数组中的第一行第一列
            return {'status':'success','message':result[0][0]}
        else:
            return "rbq"

我们按F5 运行app.py文件后，访问http://121.41.111.94/data
运行结果如图：
在这里插入图片描述
多提一句，数据表type中的内容如下：

screen

至此，使用flask框架搭建简单网页的基本流程结束啦！
我想你们心中一定有个疑问，每次运行python程序总是需要按F5运行，如果关掉 VS Code ，那么进程将会被杀掉，服务器页面就无法显示，如图：
在这里插入图片描述
那么我们就需要在服务器中使用screen创建一个后台，将app.py程序放在后台中运行，达到持续运行的目的。

创建后台

由于我的服务器是Centos，所以我使用 yum install screen的方式下载的screen。
下载完成后，在服务器的任意位置输入screen命令即可创建后台，后台如图：
在这里插入图片描述
即上面会显示screen 0.
我们进入工程所在的文件try 输入命令：python app.py 如图：

在这里插入图片描述
这样我们再访问一下121.41.111.94，会发现网站已经启动啦！我们即使关闭命令行，程序也继续在后台运行。

查看删除后台

如果我们需要查看后台的运行情况，在服务器中输入命令：screen -x
如果需要停止后台运行，则先通过 screen -x [pid号] 进入某一后台。进入之后 Ctrl+C即可停止运行。
如果删除后台，则先通过 screen -x [pid号] 进入某一后台，进入之后输入exit

结束

由于大三下学期做项目需要，临时学了学flask框架。本人第一次写CSDN博客，如有不对的地方，欢迎指正~

收起

展开全文

python web 数据库

python︱写markdown一样写网页，代码快速生成web工具：streamlit介绍（一）
千次阅读 2021-01-31 21:24:46
文章目录1 streamlit介绍2 安装streamlit2.1 install2.2 其他安装报错3 快速开始 1 streamlit介绍 ...参考机器之心的：从Python代码到APP，...自行构建工具的流程：部署 Flask app，写 HTML、CSS 和 JavaScript，尝试对从
文章目录

1 streamlit介绍
2 安装streamlit
2.1 install
2.2 其他安装报错

3 快速开始
系列参考：
python︱写markdown一样写网页，代码快速生成web工具：streamlit介绍（一）
python︱写markdown一样写网页，代码快速生成web工具：streamlit 重要组件介绍（二）
python︱写markdown一样写网页，代码快速生成web工具：streamlit 展示组件（三）
python︱写markdown一样写网页，代码快速生成web工具：streamlit lay-out布局（四）
python︱写markdown一样写网页，代码快速生成web工具：streamlit 缓存（五）
python︱写markdown一样写网页，代码快速生成web工具：streamlit 数据探索案例（六）
streamlit + opencv/YOLOv3 快速构建自己的图像目标检测demo网页（七）

github代码链接：mattzheng/streamlit_demo

1 streamlit介绍

Streamlit 网站：https://streamlit.io/
GitHub地址：https://github.com/streamlit/streamlit/

参考机器之心的：从Python代码到APP，你只需要一个小工具：GitHub已超3000星

自行构建工具的流程：部署 Flask app，写 HTML、CSS 和 JavaScript，尝试对从 notebook 到样式表的所有一些进行版本控制。

写此类工具感觉就像训练神经网络或者在 Jupyter 中执行点对点分析（ad-hoc analysis）！同时，我们还想保留强大 app 框架的灵活性。我们想创造出令工程师骄傲的好工具。

我们希望的 app 构建流程如下：

Streamlit 的核心原则如下：
1. 拥抱 Python
Streamlit app 是完全自上而下运行的脚本，没有隐藏状态。你可以利用函数调用来处理代码。只要你会写 Python 脚本，你就可以写 Streamlit app。例如，你可以按照以下代码对屏幕执行写入操作：
```
import streamlit as stst.write('Hello, world!')
```
简而言之，Streamlit 的工作流程如下：

每次用户交互均需要从头运行全部脚本。
Streamlit 根据 widget 状态为每个变量分配最新值。
缓存保证 Streamlit 重用数据和计算。

2 安装streamlit

2.1 install
```
pip install streamlit
streamlit hello
```
这里streamlit可以带你到一个help界面，连接到streamlit一些关联页面里面。
之后，直接运行.py文件就可以了：
```
streamlit run [filename]
```
运行之后，就会自动生成网页：http://localhost:8502/,直接浏览器访问即可

还有更牛逼的打开方式就是，.py可以直接用网上的，太厉害了：
```
streamlit run https://raw.githubusercontent.com/streamlit/demo-uber-nyc-pickups/master/app.py
```
可以支持中文，很友好呀：

而且只要保存文件，不用重启api就可以直接反应上来，非常方便，同时如果运行有报错，就会如下面这般显示：

可以把steamlit当作一种IDE：

While developing a Streamlit app, it’s recommended to lay out your editor and browser windows side by side, so the code and the app can be seen at the same time. Give it a try!
当您用@st标记一个函数时。
缓存装饰器，它告诉Streamlit无论何时调用函数都需要检查以下几件事:
- 调用函数时使用的输入参数
- 函数中使用的任何外部变量的值
- 函数体
- 缓存函数中使用的任何函数的函数体
如果这是Streamlit第一次看到这四个组件具有这些精确的值并以这种精确的组合和顺序，那么它将运行该函数并将结果存储在本地缓存中。
然后，下次调用缓存的函数时，如果这些组件都没有更改，Streamlit将直接跳过执行该函数，而是返回先前存储在缓存中的输出。

2.2 其他安装报错
```
    create_key=_descriptor._internal_create_key,
AttributeError: module 'google.protobuf.descriptor' has no attribute '_internal_create_key'
```
参考教程：
https://blog.csdn.net/Jwenxue/article/details/107240444

可以使用如下pip安装命令对protobuf升级：
pip install --upgrade protobuf -i https://pypi.douban.com/simple

3 快速开始
```
import streamlit as st
import pandas as pd
import numpy as np


'''
## 1 新增标题

本篇主要参考的是streamlit的[doc getting_started ](https://docs.streamlit.io/en/stable/getting_started.html)

'''

st.title('My first app')

'''
## 2 新增正文
'''

st.write('可以支持中文吗？')

'''
## 3 新增表格

专门的data展示模块：https://docs.streamlit.io/en/stable/tutorial/create_a_data_explorer_app.html
'''

st.write("Here's our first attempt at using data to create a table:")
st.write(pd.DataFrame({
    'first column': [1, 2, 3, 4],
    'second column': [10, 20, 30, 40]
}))

'''
## 4 Magic commands

**工作台markdown模式**,它允许你用很少的按键将markdown和数据写入应用程序。


- `"""a"""` = st.write
- `df = st.write(pd.DataFrame)`

可以参考具体文档:[magic-commands](https://docs.streamlit.io/en/stable/api.html#magic-commands)


Here's our first attempt at using data to create a table:
'''

df = pd.DataFrame({
  'first column': [1, 2, 3, 4],
  'second column': [10, 20, 30, 40]
})

df

'''
## 5 画图 - Draw charts and maps

streamlit可以支持很多地图

这边先展示两个图：
- 直线图
- 地图

'''

st.write("这边是直线图:")
chart_data = pd.DataFrame(
    np.random.randn(20, 3),
    columns=['a', 'b', 'c'])

st.line_chart(chart_data)

st.write("这边是地图:")
map_data = pd.DataFrame(
    np.random.randn(1000, 2) / [50, 50] + [37.76, -122.4],
    columns=['lat', 'lon'])

st.map(map_data)



'''
## 6 新增交互组件和小组件

- 使用复选框(checkboxes)去展示/隐藏数据
- 使用下拉框(selectbox)

'''
st.write("这里是复选框:")
if st.checkbox('是否展示内容:'):
    chart_data = pd.DataFrame(
       np.random.randn(20, 3),
       columns=['a', 'b', 'c'])

    st.line_chart(chart_data)




'''
---
'''

st.write("这里是下拉框:")
option = st.selectbox(
    'Which number do you like best?',
      df['first column'])

'You selected: ', df[df['first column'] == option]



# '''
# ## 7 布局你的app

# 与下拉框只能存在一个

# - 下拉框在页面的左边，不跟上面的一样，瀑布流累计
# '''
# option = st.sidebar.selectbox(
#     'Which number do you like best?',
#      df['first column'])

# 'You selected:', option

'''
## 8 同一行，分模块展示
布局按钮
'''
left_column,middle_column, right_column = st.beta_columns(3)
pressed = left_column.button('Press me?')
if pressed:
    right_column.write("哈哈，别乱点!")
    middle_column.write("我在中间!")


'''
## 9 横向下拉框，beta_expander隐藏一些大型的内容
'''
expander = st.beta_expander("FAQ")
expander.write(df[df['first column'] == option])
expander.write("选项二")


'''
## 10 进度条 Show progress

其中`bar.progress()`不能超过100

'''

import time

'Starting a long computation...'

# Add a placeholder
latest_iteration = st.empty()
bar = st.progress(0)

for i in range(100):
  # Update the progress bar with each iteration.
  latest_iteration.text(f'Iteration {i+1}')
  bar.progress(i + 1)
  time.sleep(0.1)

'...and now we\'re done!'
```
输出的效果可见：
收起
展开全文
python 快速开发原型

Python 竟然也可以写网页前端了！

万次阅读 多人点赞 2020-07-27 08:20:38

Python作为胶水语言，真的是无所不能。这不，最近又出现一个基于 Python3，目标是替代 JavaScript 的前端开发工具 — Brython好用吗？咱今天来试试用它写一个计算...

Python作为胶水语言，真的是无所不能。这不，最近又出现一个基于 Python3，目标是替代 JavaScript 的前端开发工具 — Brython

好用吗？咱今天来试试用它写一个计算器：

不过，我们首先要知道它作为 Python 的客户端 Web 编程工具，和 JS 有什么区别呢？

1. 特点

1. 可轻易地在页面中内嵌 Python 终端进行测试

2. 运行速度接近于 CPyhon

3. 写法方便，社区强大，可进行敏捷开发

如果 Python 和 JS 你都写过，那大概率会觉得相同的功能，用 Python 写起来比 JS 更方便。

4.和 JS 一样，你不用安装任何东西就可以开始编写

下面就用Brython做一些简单的实验吧。

2. 实验

0. 安装

与通常的 Python 库一样，可以通过 pip install brython 进行安装。

然后在一个空目录下执行：

python -m brython --install

1. 在页面上显示 Hello !：

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<script type="text/javascript"
src="https://cdn.jsdelivr.net/npm/brython@3.8.9/brython.min.js">
</script>
</head>
<body onload="brython()">
<script type="text/python">
from browser import document
document <= "Hello !"
</script>
</body>
</html>

将这份代码保存为index.html，双击在浏览器中打开，即可看到Hello !字样：

原理：

代码的 head 中，引入了一个 Brython 引擎附带的 brython.min.js 模块，用于使用 Python 控制页面。

而在 <script type="text/python"> 和 </script> 之间就是相应的 Python 代码。

可以看到，想在 document 中显示文本，只需要直接输入：

document <= "你所需要显示的文本"

后续你将会看到用 Brython 使用标准化的 DOM 语法和页面交互的例子。

2. 用 HTML 标签来做文本格式化：

如果要加粗文本：

from browser import document, html
document <= html.B("Hello !")

部分加粗、部分不加粗：

from browser import document, html
document <= html.B("Hello, ") + "world !"

i 标签：

document <= html.UL(html.LI(i) for i in range(5))

超链接：

document <= html.A("Python实用宝典", href="https://pythondict.com")

以上例子如下：

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<script type="text/javascript"
src="https://cdn.jsdelivr.net/npm/brython@3.8.9/brython.min.js">
</script>
</head>
<body onload="brython()">
<script type="text/python">
from browser import document, html
document <= html.B("Hello !")
document <= html.UL(html.LI(i) for i in range(5))
document <= html.A("Python实用宝典", href="https://pythondict.com")
</script>
</body>
</html>

效果：

3. 写一个简单的计算器

先写好简单的图形架构，用th和tr标签即可：

from browser import document, html
calc = html.TABLE()
calc <= html.TR(html.TH(html.DIV("0", id="result"), colspan=3) +
                html.TH("C", id="clear"))
lines = ["789/",
        "456*",
        "123-",
        "0.=+"]
calc <= (html.TR(html.TD(x) for x in line) for line in lines)
document <= calc

然后加上一些 CSS 样式就可以把这个简单的图形架构变漂亮了：

<style>
*{
font-family: sans-serif;
font-weight: normal;
font-size: 1.1em;
}
td{
background-color: #ccc;
padding: 10px 30px 10px 30px;
border-radius: 0.2em;
text-align: center;
cursor: default;
}
#result{
border-color: #000;
border-width: 1px;
border-style: solid;
padding: 10px 30px 10px 30px;
text-align: right;
}
</style>

最后只需要做运算符的事件触发器即可，从下面这行代码：

calc <= (html.TR(html.TD(x) for x in line) for line in lines)

可以看出，所有的按钮都被创建为 td 标签，因此我们要获得所有这些按钮是否被点击，仅需要：

for button in document.select("td"):
    button.bind("click", action)

意思是，按钮被点击后便执行 action 操作，action 操作定义如下：

def action(event):
    """Handles the "click" event on a button of the calculator."""
    # The element the user clicked on is the attribute "target" of the
    # event object
    element = event.target
    # The text printed on the button is the element's "text" attribute
    value = element.text
    
    if value not in "=C":
        # update the result zone
        if result.text in ["0", "error"]:
            result.text = value
        else:
            result.text = result.text + value
            
    elif value == "C":
        # reset
        result.text = "0"
        
    elif value == "=":
        # execute the formula in result zone
        try:
            result.text = eval(result.text)
        except:
            result.text = "error"

如果不是 = 号或 C 号，则进行 字符串拼接。

如果是 C 号，则清空 result。

如果是 = 号，则需要计算出结果，直接对字符串用 eval() 函数 即可完成目的。

这边是全部核心代码了，写起来真的极其方便。

你可以访问如下地址体验这个 Python 写的计算器：

https://pythondict.com/calculator.html

完整源码：
https://pan.baidu.com/s/1d4ndpN1Lpzb6fpgqKJ7acQ

提取码：v36f

作者：Ckend

来源：Python实用宝典



每个程序员都是从菜鸟开始成长起来的，没有人一开始就是程序员高手。菜鸟爱编程，专注于分享趣味的编程技巧，不限于Java, Python ,Go, Javascript等语言，让菜鸟爱上编程，进阶成为高手。
菜鸟编程大本营
长按2秒，输入：【福利】点这里，进菜鸟学PythonB站大本营

收起

展开全文

css web python javascript

利用Pycharm下的Flask框架写网页
千次阅读 2019-04-11 21:42:50

利用Pycharm下的Flask框架写网页 from flask import Flask from flask import render_template from studentclass import Student app = Flask(name) @app.route(’/’) def showstudent(): stus=[] stu1 = ...

收起

Pycharm Flask
我们为什么不用c++写网页？
千次阅读 2017-12-21 00:00:00

要回答这个问题首先要明确题主对于写网页的定义。一个网页往往包含前端、后端两部分。前端负责页面的呈现，后端负责数据的处理，可以大概的理解成前端是人的衣服，而后端是人的五脏六腑。1前端前端的话主要是采用...

收起
简单的flask入门,自己来写网页
千次阅读 2019-01-15 19:11:07

简单的flask入门简单的flask入门我这里使用的是ubuntu系统，不是windows系统，解释器是python3.6，软件是pycharm ...首先要创建虚拟环境， ...可以拷贝一个网页的源代码，放在python中，运行即可得到网页

收起

python flask
新手用什么软件写html网页比较靠谱
千次阅读 2021-06-12 18:28:46

我接触页面制作的时候连基本的css语法都不会，之前也很少用table的方式写，所以直接从div+css学起，开始是看别人写好的网页，然后分析他们的每一行代码，后来发现这样学习不太适合我，于是就把一个结构不太复杂的...

收起
我们一起写网页（html+javascript+css）
千次阅读 2012-12-27 20:50:27

简介：html（HyperText Markup Language），超文本标记语言，是为“网页创建和其它可在网页浏览器中看到的信息”设计的一种标记语言。HTML被用来结构化信息——例如标题、段落和列表等等，也可用来在一定程度上描述...

收起

html Html HTML javascript JavaScript
怎么用php写一个网页
千次阅读 2021-03-23 17:52:45

怎么用php写一个网页在web服务器根目录下建立一个文件名为index.php的文件，然后完成如下内容：第一个php网页更多PHP相关知识，请访问PHP中文网！

收起
python︱写markdown一样写网页，代码快速生成web工具：streamlit lay-out布局（四）
千次阅读 2021-02-01 22:17:27

文章目录 1 `streamlit.beta_container()` 2 分列展示 3 按照比例分列展示 4 折叠/展开系列参考： python︱写markdown一样写网页，代码快速生成web工具：streamlit介绍（一） python︱写markdown一样写网页，代码...

收起

python markdown
写网页（大四老狗
千次阅读 2021-10-29 10:52:46

emmm，本来大二暑假就应该会写的，但是当时参加算法集训，所以，逃了-》》语言：html,js,css 开发工具：之前那个时候我记得是hbulider，当然软件同学也有用vs和vs code 的。第一个网页：登录页面重点学习：一些...

收起

vscode ide
自己写网页爬虫——网页分类抓取/采集并导入数据库
千次阅读 2017-08-14 16:18:41

一直想着整理出网页抓取的具体实现功能代码，方便大家指正，也方便自己学习...当然这个并不是针对所有网页，自己写的功能有限，只能针对某一特定结构的网页进行数据采集，如果有更好的方法，请大家不吝指教，在此谢过！

收起
用纯Python就能写一个漂亮的网页
万次阅读 多人点赞 2020-07-13 16:24:52

我们在写一个网站或者一个网页界面的时候，需要学习很多东西，对小白来说很困难！比如我要做一个简单的网页交互：要懂后端，比如Python里面的Django或者Flask，或者是Java里面的SpringBoot 要懂前端，现在都叫...

收起

python 编程语言
如何写网页的每条数据的删除代码
2017-03-10 11:58:42

从数据库查询到的数据显示在页面中，每一条数据后面都有删除按钮这个删除代码该怎么写

收起

数据数据库
再见HTML ! 用纯Python就能写一个漂亮的网页
万次阅读 多人点赞 2020-07-02 08:33:19

我们在写一个网站或者一个网页界面的时候，需要学习很多东西，对小白来说很困难！比如我要做一个简单的网页交互：要懂后端，比如Python里面的Django或者Flask，或者是Java里面的...

收起
如何用记事本写HTML网页？，看完你就知道了
千次阅读 2021-06-10 13:06:56

做网页用到的 — HTML超文本标记语言，除了用集成了开发环境的编译软件(简称“IDE”)写以外，也可以直接使用windows电脑自带的记事本来建立。工具/材料一台计算机windows自带的记事本HTML基本标签(HTML Tag)新建.txt...

收起
网页脚本
千次阅读 2022-03-27 19:25:07

网页脚本，原理，流程

收起

javascript
java怎么写网站
千次阅读 2021-03-18 09:13:11

1. 怎么用java来编写网页怎么用java来编写网页，目前比较流行的是SSH(struts2+spring+hibernate)框架。其实只要有servlet和JSP基础就可以实现，框架只是高效的开发和管理。推荐使用SSH框架进行开发。使用struts2来...

收起
教你写一个简单的网页（html网页开发入门）
万次阅读 多人点赞 2017-10-16 15:02:49

网页的组成 HTML 网页的具体内容和结构 CSS 网页的样式（美化网页最重要的一块） JavaScript 网页的交互效果，比如对用户鼠标事件作出响应 HTML 什么是HTML HTML的全称是...

收起
jSignature 在网页上手写签名的插件(html5手写签名)
热门讨论 2015-05-20 17:53:06

jSignature 在网页上手写签名的插件(html5手写签名) 在IE7~IE8这种不支持HTML5的浏览器上，是利用Flash嵌入的方式实现的签名处理，在支持的HTML5的浏览器上默认采用canvas标签处理签名，可以生成 PNG格式、SVG格式...

收起
如何制作网页
千次阅读 2021-03-11 13:48:57

如何制作网页?如何做一个自己喜欢的网站呢?看到别人有自己的网站是不是有点羡慕呢?当然。比较复杂的网站就需要很多技术上面的知识咯。比如javascrpt、jquery、ajax、flash等等!这些都只是让网站的页面好看。使静态的...

收起
如何做一个简单的网页版地图
千次阅读 多人点赞 2022-05-10 12:52:24

以前做了一个安卓版的地图应用，现在突然想做一个简单的网页版地图。这个简单的网页版地图能根据城市名进行位置查询（有个城市列表的小控件，支持城市列表选择），还能根据经纬度进行位置查询。当你进行城市搜索时，...

收起

javascript
VS2019上用C#和ASP.NET写WebForm网页的试练
千次阅读 2021-01-25 23:45:24

NET平台的VS2019还是挺爽手的IDE，写WinForm较写WebForm程序写起来方便，毕竟项目所需资源基本上都在本地，而WinForm不仅需要IIS支持，还需要其它Script帮助。所说MS出了ASP5，微软自己用的网络平台是基于.NET和ASP5...

收起

web c# asp.net
解决sublime 3写网页中文显示乱码
千次阅读 2016-03-22 23:10:12

写好的网页用web浏览器打开时中文显示为乱码的问题在head中添加或者 2>解决sublime 3 写代码时中文显示乱码 a>搜索并下载ConvertToUTF8 b>在sublime 3中选择preference-->browse package... c>将第...

收起

sublime html
Java怎么做一个简单网页呢？
千次阅读 2021-07-26 10:55:16

学java的同学在接触到Java web开发之后都跃跃欲试想要尝试自己开发一个页面，那么应该如何操作呢？都需要使用到哪些技术呢？下面小千就来告诉你。...web网页的主要流程就是从请求到响应，从jsp页面的参数传递到后台的

收起

编程语言 jsp java
怎么用python简单的制作一个网页
万次阅读 2021-03-18 08:19:13

用python简单的制作一个网页的方法和详细的操作步骤如下：1、首先，打开sublime text 3并创建一个新的PY文件，如下图所示。2、其次，import os，因为涉及系统文件的路径，因此首先在此处导入系统模块，如下图所示。3...

收起
通过vscode建网页的方法
千次阅读 2021-01-13 10:35:53

提示：看完这篇文章之后，可能会对建网页有一些基础的了解一、首先一步就是下载vscode 步骤也是特别的简单，就是直接next，就好。二、使用步骤 1.先在电脑里面的随便一个盘新建一个文件夹如图所示然后双击...

收起

html
VS建立网页
千次阅读 2020-08-18 09:20:55

如何建立网页，首先打开VS，然后找到左上角点击文件，选择新建点击项目弹出模态框，我需要的是Visual C# 在里面找到Web建立网页，选择第一个ASP.NET Web应用程序，下面的名称使用项目名称，当然自己可以随便写，只要...

收起

设置Visual Studio Code（VSCode）语言为中文

如何用python做后端写网页-flask框架

如何用python做后端写网页-flask框架

什么是Flask

安装flask模块

Hello World

更深一步：数据绑定

后端传入数据

从前端获取数据

数据库连接

screen

创建后台

查看删除后台

结束

python︱写markdown一样写网页，代码快速生成web工具：streamlit介绍（一）

文章目录

1 streamlit介绍

2 安装streamlit

2.1 install

2.2 其他安装报错

3 快速开始

Python 竟然也可以写网页前端了！

1. 特点

2. 实验

利用Pycharm下的Flask框架写网页

我们为什么不用c++写网页？

简单的flask入门,自己来写网页

新手用什么软件写html网页比较靠谱

我们一起写网页（html+javascript+css）

怎么用php写一个网页

python︱写markdown一样写网页，代码快速生成web工具：streamlit lay-out布局（四）

写网页（大四老狗

自己写网页爬虫——网页分类抓取/采集并导入数据库

用纯Python就能写一个漂亮的网页

如何写网页的每条数据的删除代码

再见HTML ! 用纯Python就能写一个漂亮的网页

如何用记事本写HTML网页？，看完你就知道了

网页脚本

java怎么写网站

教你写一个简单的网页（html网页开发入门）

jSignature 在网页上手写签名的插件(html5手写签名)

如何制作网页

如何做一个简单的网页版地图

VS2019上用C#和ASP.NET写WebForm网页的试练

解决sublime 3写网页中文显示乱码

Java怎么做一个简单网页呢？

怎么用python简单的制作一个网页

通过vscode建网页的方法

VS建立网页

如何写网页