精华内容
下载资源
问答
  • 2021-11-12 21:18:57

    edge Translation started 报错

     npm init -y  npm install jquery -S   

    兼容性问题 安装webpage

    npm i webpack  npm i webpack-cli -D 新建 .js 

    webpage可以使用node.js语法

    默认打包入口 src index.js 默认输出文件 dist mian.js

    处理css less url 文件 npm i style-loader npm i less-loader -D  npm i url-loader -D

    打包发布时自动清理dist的旧文件 clean-webpage-plugin -D 

    const { CleanWebpackPlugin } = require('clean-webpack-plugin')

    const cleanPlugin = new CleanWebpackPlugin()

      plugins: [htmlPlugin, cleanPlugin], // 3. 挂载插件的实例对象

    mvvm viewDOM结构 Model数据源 view model VUE实例

    更多相关内容
  • 旅游网页 旅游网站的简单教程网页链接: :
  • GrapesJS-示例 GrapesJS 示例与grapesjs-preset-webpage、grapesjs-preset-newsletter、grapesjs-mjml 合而为一
  • personal-webpage

    2021-03-15 01:16:37
    这是一个用引导的项目。... 交互式Next.js教程。 您可以查看-欢迎您提供反馈和意见! 在Vercel上部署 部署Next.js应用程序的最简单方法是使用Next.js创建者提供的。 请查看我们的以获取更多详细信息。
  • Kits-Portfolio-Webpage

    2021-03-21 09:33:03
    知识差距很大,但在线时间却不计其数,观看视频教程,研究,更多的教程,反复试验和更多的搜索;技能获得了!前方还有很长的路要走,还有无数的学习时间,但是引导程序的介绍很棒! Bootrap语法 网格系统布局 班级/...
  • webpack 是一个现代JavaScript 应用程序的静态模块打包器,这次为大家简单介绍一下webpack及关于webpack的一些专属名词入口(entry),输出(output),loader,插件(plugins)
  • 语言:English 用只有Fly-cat才能提供的柔和的氛围来装饰您访问的所有网站。 每天查看您在线访问的所有页面,这些页面的风格都有一定的动机,以使您专注于最重要的目标! 版本2! 每次加载页面时,都会随机抽取引号,...
  • 常见的网站类型 Dreamweaver CC的启动与退出 Dreamweaver CC的工作界面 设置首选参数 可视化辅助工具 网页技术来源于国外是通过网络发布的包含文本声音图像等多媒体信息的页面它的英文名字是WebPage首先网页是一个...
  • GrapesJS标签 GrapesJS的简单标签组件插件 要求 GrapesJS v0.13.8或更高版本 概括 插件名称: grapesjs-tabs 成分 tabs -主标签组件 tab-container包含单个选项卡的组件 tab -单个选项卡组件 tab-content标签的内容...
  • webPage.read() data = data.decode('UTF-8') print(data) print(type(webPage)) print(webPage.geturl()) print(webPage.info()) print(webPage.getcode()) 看看生成 的结果: 返回还是: 3、爬取站点上的图片 前面...

    林炳文Evankaka原创作品。

    摘要:本文将使用Python3.4爬网页、爬图片、自己主动登录。并对HTTP协议做了一个简单的介绍。在进行爬虫之前,先简单来进行一个HTTP协议的解说。这样以下再来进行爬虫就是理解更加清楚。

    一、HTTP协议

    HTTP是Hyper Text Transfer Protocol(超文本传输协议)的缩写。

    它的发展是万维网协会(World Wide Web Consortium)和Internet工作小组IETF(Internet Engineering Task Force)合作的结果,(他们)终于公布了一系列的RFC。RFC 1945定义了HTTP/1.0版本号。当中最著名的就是RFC 2616。RFC 2616定义了今天普遍使用的一个版本号——HTTP 1.1。

    HTTP协议(HyperText Transfer Protocol。超文本传输协议)是用于从WWWserver传输超文本到本地浏览器的传送协议。它能够使浏览器更加高效,使网络传输降低。

    它不仅保证计算机正确高速地传输超文本文档。还确定传输文档中的哪一部分。以及哪部分内容首先显示(如文本先于图形)等。

    HTTP的请求响应模型

    HTTP协议永远都是client发起请求,server回送响应。见下图:

    20150712124315066

    这样就限制了使用HTTP协议,无法实如今client没有发起请求的时候。server将消息推送给client。

    HTTP协议是一个无状态的协议。同一个client的这次请求和上次请求是没有相应关系。

    工作流程

    一次HTTP操作称为一个事务。其工作过程可分为四步:

    1)首先客户机与server须要建立连接。仅仅要单击某个超级链接,HTTP的工作開始。

    2)建立连接后。客户机发送一个请求给server。请求方式的格式为:统一资源标识符(URL)、协议版本号号。后边是MIME信息包括请求修饰符、客户机信息和可能的内容。

    3)server接到请求后,给予相应的响应信息,其格式为一个状态行,包括信息的协议版本号号、一个成功或错误的代码,后边是MIME信息包括server信息、实体信息和可能的内容。

    4)client接收server所返回的信息通过浏览器显示在用户的显示屏上,然后客户机与server断开连接。

    假设在以上过程中的某一步出现错误,那么产生错误的信息将返回到client,有显示屏输出。

    对于用户来说。这些过程是由HTTP自己完毕的,用户仅仅要用鼠标点击,等待信息显示就能够了

    请求报头

    请求报头同意client向server端传递请求的附加信息以及client自身的信息。

    经常使用的请求报头

    Accept

    Accept请求报头域用于指定client接受哪些类型的信息。eg:Accept:image/gif。表明client希望接受GIF图象格式的资源。Accept:text/html,表明client希望接受html文本。

    Accept-Charset

    Accept-Charset请求报头域用于指定client接受的字符集。eg:Accept-Charset:iso-8859-1,gb2312.假设在请求消息中没有设置这个域,缺省是不论什么字符集都能够接受。

    Accept-Encoding

    Accept-Encoding请求报头域相似于Accept,可是它是用于指定可接受的内容编码。eg:Accept-Encoding:gzip.deflate.假设请求消息中没有设置这个域server假定client对各种内容编码都能够接受。

    Accept-Language

    Accept-Language请求报头域相似于Accept,可是它是用于指定一种自然语言。eg:Accept-Language:zh-cn.假设请求消息中没有设置这个报头域,server假定client对各种语言都能够接受。

    Authorization

    Authorization请求报头域主要用于证明client有权查看某个资源。当浏览器訪问一个页面时,假设收到server的响应代码为401(未授权),能够发送一个包括Authorization请求报头域的请求,要求server对其进行验证。

    Host(发送请求时,该报头域是必需的)

    Host请求报头域主要用于指定被请求资源的Internet主机和端口号。它通常从HTTP URL中提取出来的,eg:

    我们在浏览器中输入:http://www.guet.edu.cn/index.html

    浏览器发送的请求消息中,就会包括Host请求报头域。例如以下:

    Host:www.guet.edu.cn

    此处使用缺省端口号80,若指定了端口号,则变成:Host:www.guet.edu.cn:指定端口号

    User-Agent

    我们上网登陆论坛的时候,往往会看到一些欢迎信息。当中列出了你的操作系统的名称和版本号,你所使用的浏览器的名称和版本号,这往往让非常多人感到非常奇妙,实际上,server应用程序就是从User-Agent这个请求报头域中获取到这些信息。User-Agent请求报头域同意client将它的操作系统、浏览器和其他属性告诉server。只是。这个报头域没必要的。假设我们自己编写一个浏览器。不使用User-Agent请求报头域。那么server端就无法得知我们的信息了。

    请求报头举例:

    GET /form.html HTTP/1.1 (CRLF)

    Accept:image/gif,image/x-xbitmap,image/jpeg,application/x-shockwave-flash,application/vnd.ms-excel,application/vnd.ms-powerpoint,application/msword,*/* (CRLF)

    Accept-Language:zh-cn (CRLF)

    Accept-Encoding:gzip,deflate (CRLF)

    If-Modified-Since:Wed,05 Jan 2007 11:21:25 GMT (CRLF)

    If-None-Match:W/"80b1a4c018f3c41:8317" (CRLF)

    User-Agent:Mozilla/4.0(compatible;MSIE6.0;Windows NT 5.0) (CRLF)

    Host:www.guet.edu.cn (CRLF)

    Connection:Keep-Alive (CRLF)

    (CRLF)GET /form.html HTTP/1.1 (CRLF)Accept:image/gif,image/x-xbitmap,image/jpeg,application/x-shockwave-flash,application/vnd.ms-excel,application/vnd.ms-powerpoint,application/msword,*/* (CRLF)Accept-Language:zh-cn (CRLF)Accept-Encoding:gzip,deflate (CRLF)If-Modified-Since:Wed,05 Jan 2007 11:21:25 GMT (CRLF)If-None-Match:W/"80b1a4c018f3c41:8317" (CRLF)User-Agent:Mozilla/4.0(compatible;MSIE6.0;Windows NT 5.0) (CRLF)Host:www.guet.edu.cn (CRLF)Connection:Keep-Alive (CRLF)(CRLF)

    响应报头

    响应报头同意server传递不能放在状态行中的附加响应信息。以及关于server的信息和对Request-URI所标识的资源进行下一步訪问的信息。

    经常使用的响应报头

    Location

    Location响应报头域用于重定向接受者到一个新的位置。Location响应报头域经常使用在更换域名的时候。

    Server

    Server响应报头域包括了server用来处理请求的软件信息。

    与User-Agent请求报头域是相相应的。以下是

    Server响应报头域的一个样例:

    Server:Apache-Coyote/1.1

    WWW-Authenticate

    WWW-Authenticate响应报头域必须被包括在401(未授权的)响应消息中,client收到401响应消息时候,并发送Authorization报头域请求server对其进行验证时,服务端响应报头就包括该报头域。

    eg:WWW-Authenticate:Basic realm="Basic Auth Test!" //能够看出server对请求资源採用的是基本验证机制。

    二、Python3.4爬虫编程

    1、第一个演示样例,我们要来进行简单的爬虫来爬别人的网页

    #python3.4 爬虫教程

    #一个简单的演示样例爬虫

    #林炳文Evankaka(博客:http://blog.csdn.net/evankaka/)

    import urllib.request

    url = "http://www.douban.com/"

    webPage=urllib.request.urlopen(url)

    data = webPage.read()

    data = data.decode('UTF-8')

    print(data)

    print(type(webPage))

    print(webPage.geturl())

    print(webPage.info())

    print(webPage.getcode())这是爬回来的网页输出:

    20150712113707293

    这中间究竟发生了什么事呢?让我们打开Fiddler来看看吧:

    20150712114550676

    左边标红的就表示我们本次訪问成功,为http 200

    右边上方这是python生成 的请求报头。不清楚看以下:

    20150712114714236

    非常easy的一个报头。然后再来看看响应回来的html

    20150712114750563

    这里响应回来的就是我们上面在python的idle中打印出来的网页了!

    2、伪装成浏览器来爬网页

    有些网页,比方登录的。假设你不是从浏览器发起的起求,这就不会给你响应,这时我们就须要自己来写报头。然后再发给网页的server,这时它就以为你就是一个正常的浏览器。从而就能够爬了!

    #python3.4 爬虫教程

    #一个简单的演示样例爬虫

    #林炳文Evankaka(博客:http://blog.csdn.net/evankaka/)

    import urllib.request

    weburl = "http://www.douban.com/"

    webheader = {'User-Agent':'Mozilla/5.0 (Windows NT 6.1; WOW64; rv:23.0) Gecko/20100101 Firefox/23.0'}

    req = urllib.request.Request(url=weburl, headers=webheader)

    webPage=urllib.request.urlopen(req)

    data = webPage.read()

    data = data.decode('UTF-8')

    print(data)

    print(type(webPage))

    print(webPage.geturl())

    print(webPage.info())

    print(webPage.getcode())来看看请求报头,就是和我们设置的一个样。

    20150712115154859

    返回的是一样的:

    20150712113707293

    再来一个复杂一点的请求报头:

    #python3.4 爬虫教程

    #一个简单的演示样例爬虫

    #林炳文Evankaka(博客:http://blog.csdn.net/evankaka/)

    import urllib.request

    weburl = "http://www.douban.com/"

    webheader1 = {'User-Agent':'Mozilla/5.0 (Windows NT 6.1; WOW64; rv:23.0) Gecko/20100101 Firefox/23.0'}

    webheader2 = {

    'Connection': 'Keep-Alive',

    'Accept': 'text/html, application/xhtml+xml, */*',

    'Accept-Language': 'en-US,en;q=0.8,zh-Hans-CN;q=0.5,zh-Hans;q=0.3',

    'User-Agent': 'Mozilla/5.0 (Windows NT 6.3; WOW64; Trident/7.0; rv:11.0) like Gecko',

    #'Accept-Encoding': 'gzip, deflate',

    'Host': 'www.douban.com',

    'DNT': '1'

    }

    req = urllib.request.Request(url=weburl, headers=webheader2)

    webPage=urllib.request.urlopen(req)

    data = webPage.read()

    data = data.decode('UTF-8')

    print(data)

    print(type(webPage))

    print(webPage.geturl())

    print(webPage.info())

    print(webPage.getcode())

    看看生成 的结果:

    20150712115743540

    返回还是:

    20150712113707293

    3、爬取站点上的图片

    前面我们能够爬网页了,下一步我们就能够批量的自己主动下载该网页上的各种数据了~,比方。这里我要下载该网页上的全部图片

    #python3.4 爬虫教程

    #爬取站点上的图片

    #林炳文Evankaka(博客:http://blog.csdn.net/evankaka/)

    import urllib.request

    import socket

    import re

    import sys

    import os

    targetDir = r"D:\PythonWorkPlace\load" #文件保存路径

    def destFile(path):

    if not os.path.isdir(targetDir):

    os.mkdir(targetDir)

    pos = path.rindex('/')

    t = os.path.join(targetDir, path[pos+1:])

    return t

    if __name__ == "__main__": #程序执行入口

    weburl = "http://www.douban.com/"

    webheaders = {'User-Agent':'Mozilla/5.0 (Windows NT 6.1; WOW64; rv:23.0) Gecko/20100101 Firefox/23.0'}

    req = urllib.request.Request(url=weburl, headers=webheaders) #构造请求报头

    webpage = urllib.request.urlopen(req) #发送请求报头

    contentBytes = webpage.read()

    for link, t in set(re.findall(r'(http:[^\s]*?

    (jpg|png|gif))', str(contentBytes))): #正則表達式查找全部的图片

    print(link)

    try:

    urllib.request.urlretrieve(link, destFile(link)) #下载图片

    except:

    print('失败') #异常抛出这是正在执行的过程:

    20150712120956462

    打开电脑上相应的目录,然后来看看图片。这里仅仅是一部分哦!!

    。。

    20150712121333565

    真实的网页上的图片

    20150712121453537

    4、保存爬取回来的报文

    def saveFile(data):

    save_path = 'D:\\temp.out'

    f_obj = open(save_path, 'wb') # wb 表示打开方式

    f_obj.write(data)

    f_obj.close()

    # 这里省略爬虫代码

    # ...

    # 爬到的数据放到 dat 变量里

    # 将 dat 变量保存到 D 盘下

    saveFile(dat)

    比方:

    #python3.4 爬虫教程

    #一个简单的演示样例爬虫

    #林炳文Evankaka(博客:http://blog.csdn.net/evankaka/)

    import urllib.request

    def saveFile(data):

    save_path = 'D:\\temp.out'

    f_obj = open(save_path, 'wb') # wb 表示打开方式

    f_obj.write(data)

    f_obj.close()

    weburl = "http://www.douban.com/"

    webheader1 = {'User-Agent':'Mozilla/5.0 (Windows NT 6.1; WOW64; rv:23.0) Gecko/20100101 Firefox/23.0'}

    webheader2 = {

    'Connection': 'Keep-Alive',

    'Accept': 'text/html, application/xhtml+xml, */*',

    'Accept-Language': 'en-US,en;q=0.8,zh-Hans-CN;q=0.5,zh-Hans;q=0.3',

    'User-Agent': 'Mozilla/5.0 (Windows NT 6.3; WOW64; Trident/7.0; rv:11.0) like Gecko',

    #'Accept-Encoding': 'gzip, deflate',

    'Host': 'www.douban.com',

    'DNT': '1'

    }

    req = urllib.request.Request(url=weburl, headers=webheader2)

    webPage=urllib.request.urlopen(req)

    data = webPage.read()

    saveFile(data)# 将data变量保存到 D 盘下

    data = data.decode('UTF-8')

    print(data)

    print(type(webPage))

    print(webPage.geturl())

    print(webPage.info())

    print(webPage.getcode())然后看看D盘:

    20150712130611880

    用NotePad打开:

    20150712130542715嗯嗯。

    是对的。网页已经被爬下来了。

    三、Python3.x 自己主动登录

    20150712133346546

    一般情况下我们输入邮箱和密码后,登录。

    来看看。

    这就是提交表单的内容

    20150712133257734

    python3.4代码编写:

    import gzip

    import re

    import http.cookiejar

    import urllib.request

    import urllib.parse

    #解压函数

    def ungzip(data):

    try: # 尝试解压

    print('正在解压.....')

    data = gzip.decompress(data)

    print('解压完毕!')

    except:

    print('未经压缩, 无需解压')

    return data

    #获取_xsrf

    def getXSRF(data):

    cer = re.compile('name=\"_xsrf\" value=\"(.*)\"', flags = 0)

    strlist = cer.findall(data)

    return strlist[0]

    #构造文件头

    def getOpener(head):

    #设置一个cookie处理器,它负责从server下载cookie到本地。而且在发送请求时带上本地的cookie

    cj = http.cookiejar.CookieJar()

    pro = urllib.request.HTTPCookieProcessor(cj)

    opener = urllib.request.build_opener(pro)

    header = []

    for key, value in head.items():

    elem = (key, value)

    header.append(elem)

    opener.addheaders = header

    return opener

    #构造header,一般header至少要包括一下两项。

    这两项是从抓到的包里分析得出的。

    header = {

    'Connection': 'Keep-Alive',

    'Accept': 'text/html, application/xhtml+xml, */*',

    'Accept-Language': 'en-US,en;q=0.8,zh-Hans-CN;q=0.5,zh-Hans;q=0.3',

    'User-Agent': 'Mozilla/5.0 (Windows NT 6.3; WOW64; Trident/7.0; rv:11.0) like Gecko',

    'Accept-Encoding': 'gzip, deflate',

    'Host': 'www.zhihu.com',

    'DNT': '1'

    }

    url = 'http://www.zhihu.com/'

    opener = getOpener(header)

    op = opener.open(url)

    data = op.read()

    data = ungzip(data) # 解压

    _xsrf = getXSRF(data.decode())

    #post数据接收和处理的页面(我们要向这个页面发送我们构造的Post数据)

    url += 'login/email'

    id = '这里写自己的邮箱'

    password = '这里写自己的密码'

    #构造Post数据,他也是从抓大的包里分析得出的。

    postDict = {

    '_xsrf':_xsrf, #特有数据。不同站点可能不同

    'email': id,

    'password': password,

    'rememberme': 'y'

    }

    #须要给Post数据编码

    postData = urllib.parse.urlencode(postDict).encode()

    op = opener.open(url, postData)

    data = op.read()

    data = ungzip(data)

    print(data.decode())

    来看看结果:

    这时执行返回的

    20150712133508543

    发送出去的请求头

    20150712133539407

    接收回来 的报头

    20150712133624875

    返回的数据是什么意思呢:

    非常easy, 我们转码下:

    20150712133840562

    展开全文
  • Python Flask教程

    千次阅读 2020-07-07 00:34:52
    Python Flask教程 (Python Flask Tutorial) Now let’s look at another example where we will submit some data in the form and then display it in the next page. 现在让我们看另一个示例,我们将在表单中提交...

    Welcome to Python Flask tutorial. In previous lesson we have learnt about python lambda. Python flask is an API that helps us to build web based application in python. Let’s get started with python flask tutorial for beginners now.

    欢迎使用Python Flask教程。 在上一课中,我们了解了python lambda 。 Python flask是一个API,可帮助我们在python中构建基于Web的应用程序。 让我们现在开始为初学者使用python flask教程。

    Python烧瓶 (Python Flask)

    First of all, we have to install python flask module. You can do it either by command prompt or by the help of IDE. I am using PyCharm Community Edition 2017.2. So I will install Flask using this IDE.

    首先,我们必须安装python flask模块。 您可以通过命令提示符或IDE的帮助来完成此操作。 我正在使用PyCharm Community Edition 2017.2。 因此,我将使用此IDE安装Flask。

    Open PyCharm then, click on file>settings. Then expand project and click on the Project Interpreter. You will see as following:

    打开PyCharm,然后单击文件>设置 。 然后展开项目 ,然后单击“ 项目解释器” 。 您将看到以下内容:

    I have already installed Flask, so the list is showing Flask. You have to click the + button on the right side of the window.

    我已经安装了Flask,因此列表显示Flask。 您必须单击窗口右侧的+按钮。

    Then Available package window will pop up. In the search bar type Flask, then it will appear.

    然后将弹出可用包窗口。 在搜索栏中,键入Flask,然后它将出现。

    Click on Flask and in the bottom of the window press install. Flask will be installed to your python if you are connected to the internet.

    单击Flask,然后在窗口底部按install。 如果您已连接到互联网,则Flask将安装到您的python中。

    You can install python flask module using pip through below command.

    您可以通过以下命令使用pip安装python flask模块。

    $pip install flask

    So our installation of python flask module is done. Now we will start coding.

    至此,我们完成了python flask模块的安装。 现在我们将开始编码。

    Python Flask上的第一个网页 (First Web page on Python Flask)

    Create a new project named FlaskTutorial. Then I am creating a python file named Main.py. In this file we have the following code segment:

    创建一个名为FlaskTutorial的新项目。 然后,我创建一个名为Main.py的python文件。 在此文件中,我们具有以下代码段:

    # importing flask module
    from flask import Flask
    
    # initializing a variable of Flask
    app = Flask(__name__)
    
    
    # decorating index function with the app.route
    @app.route('/')
    def index():
       return "WELCOME!!! This is the home page"
    
    if __name__ == "__main__":
       app.run()

    Then run the python file and you will see following in the console log:

    然后运行python文件,您将在控制台日志中看到以下内容:

    * Running on https://127.0.0.1:5000/ (Press CTRL+C to quit)

    Now open your browser and copy paste the url (https://127.0.0.1:5000/) that is shown in the console. Then you will get html response like below image.

    现在打开浏览器并复制粘贴控制台中显示的URL( https://127.0.0.1:5000/ )。 然后您将得到如下图所示的html响应。

    So this is our basic webpage served by python flask.

    这是python flask提供的基本页面。

    代码说明 (Explanation of the Code)

    In the very first line we have imported Flask class of the flask module.

    在第一行中,我们导入了flask模块的Flask类。

    Then @app.route() is the decorator that is decorating the index() function.

    然后@app.route()是装饰index()函数的装饰器

    And we are setting the url of the index page as only ‘/’.

    并且我们将索引页面的URL设置为仅“ /”。

    The index() function returns a string which we see in the webpage. We can return html code also here. Finally we are checking whether the __main__ is directly running or not. If yes then running the app. Then we see the result in the browser.

    index()函数返回我们在网页中看到的字符串。 我们也可以在这里返回html代码。 最后,我们正在检查__main__是否直接运行。 如果是,则运行该应用程序。 然后,我们在浏览器中看到结果。

    Python Flask教程 (Python Flask Tutorial)

    Now let’s look at another example where we will submit some data in the form and then display it in the next page.

    现在让我们看另一个示例,我们将在表单中提交一些数据,然后在下一页中显示它们。

    First create a templates folder. In this templates folder create two html file. As following:

    python flask tutorial

    首先创建一个模板文件夹。 在此模板文件夹中,创建两个html文件。 如下:

    login.html
    Now write the login.html code as shown below.

    login.html
    现在,如下所示编写login.html代码。

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title> Home Page</title>
    </head>
    <body>
    <h1> Welcome to the Flask Tutorial</h1>
    <h4>Please Register to Get the tutorials</h4>
    <form method="post" action="/FlaskTutorial">
        <input type="text" name="email" placeholder="Enter Email Address">
        <br><br>
        <input type="password" name="pass" placeholder="Password">
        <input type="submit" value="Submit" name="ok"/>
    </form>
    </body>
    </html>

    The main functionality of this html file is to create a form having two input field and a submit button. Notice in the form tag we have written action="/FlaskTutorial". We will discuss about it later. Right now just remember it. All other is as usual for a html file.

    该html文件的主要功能是创建一个具有两个输入字段和一个提交按钮的表单。 注意,在表单标签中,我们编写了action="/FlaskTutorial" 。 我们将在稍后讨论。 现在,只需记住它即可。 其他所有情况与html文件一样。

    Now to see the output write in the Main.py file. As we will use template of html, so in the first line we have imported render_template.

    现在来看输出写在Main.py文件中。 由于我们将使用html模板,因此在第一行中,我们导入了render_template。

    # importing flask modules
    from flask import Flask, render_template, request
    
    # initializing a variable of Flask
    app = Flask(__name__)
    
    
    # decorating index function with the app.route with url as /login
    @app.route('/login')
    def index():
       return render_template('login.html')
    
    
    if __name__ == "__main__":
       app.run()

    In the browser paste this url ( https://127.0.0.1:5000/login ) and enter. You will see the output as below:

    在浏览器中粘贴此URL( https://127.0.0.1:5000/login )并输入。 您将看到如下输出:

    Now we want to do what the submit button do. Submit button will send the email address to another Html file named success.html that will show the email address with a success message.

    现在,我们要做的是提交按钮。 提交按钮会将电子邮件地址发送到另一个名为success.html HTML文件,该文件将显示带有成功消息的电子邮件地址。

    Now let’s write the success.html code as shown below.

    现在,让我们编写成功代码,如下所示。

    success.html

    success.html

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Success</title>
    </head>
    <body>
    <center><h2>You have successfully registered with email {{ email }} </h2></center>
    </body>
    </html>

    Notice that in the body tag there is a double curly brace. Inside this the email is the value that is sent from the login page. All other is as usual html code.

    请注意,在body标签中有一个双花括号。 在此电子邮件中,是登录页面发送的值。 所有其他都是照常的html代码。

    Now again back to the Main.py file, we have to write the following code.

    现在再次回到Main.py文件,我们必须编写以下代码。

    Main.py

    Main.py

    # importing flask module fro
    from flask import Flask, render_template,request
    
    # initializing a variable of Flask
    app = Flask(__name__)
    
    
    # decorating index function with the app.route with url as /login
    @app.route('/login')
    def index():
       return render_template('login.html')
    
    
    @app.route('/FlaskTutorial',  methods=['POST'])
    def success():
       if request.method == 'POST':
           email = request.form['email']
           return render_template('success.html', email=email)
       else:
           pass
    if __name__ == "__main__":
       app.run()

    Notice that we have added another route named /FlaskTutorial. This one takes another argument named methods. In the return function we have sent an argument name email that we get from the text field of the login.html using the action=/FlaskTutorial and we have embed it in the success.html file.

    注意,我们添加了另一个名为/FlaskTutorial路由。 这个采用另一个名为方法的参数。 在return函数中,我们发送了一个参数名电子邮件,该电子邮件是使用action=/FlaskTutoriallogin.html的文本字段中获取的,并将其嵌入到success.html文件中。

    Now if we run the Main.py, open browser with the url and give input as follows:

    现在,如果我们运行Main.py ,则打开带有url的浏览器并输入如下:

    Then pressing submit it will output:

    然后按提交将输出:

    So this is how you can send data from one html file to another html file using python flask. Download the complete code Here.

    因此,这就是使用python flask将数据从一个html文件发送到另一个html文件的方法。 在此处下载完整的代码。

    You can also send these data to your database using python mysql. To write python code in the html file you have to start with {% # some statements of python for inserting values in the database %}. Start playing with python Flask.

    您还可以使用python mysql将这些数据发送到数据库。 要在html文件中编写python代码,您必须从{% # some statements of python for inserting values in the database %}开始, {% # some statements of python for inserting values in the database %} 。 开始玩python Flask。

    That’s all for python flask tutorial for beginners.

    这就是针对初学者的python flask教程的全部内容。

    Reference: Github, Official Webpage.

    参考: Github官方网页

    翻译自: https://www.journaldev.com/15524/python-flask-tutorial

    展开全文
  • ASP.NET 系列_01_Web Pages 教程

    千次阅读 2018-08-05 14:04:02
    代码汇总: 见github ...ASP.NET 教程   ASP.NET 教程 ASP.NET 又称为ASP+,基于.NET Framework的Web开发平台,是微软公司推出的新一代脚本语言。 ASP.NET 是一个使用 HTML、CSS、JavaScri...

    github地址: https://github.com/ixixii/ASP.NET_01_WebPages_Razor

    代码汇总: 见github

     

    ASP.NET 教程

     

    ASP.NET 教程

    ASP.NET 又称为ASP+,基于.NET Framework的Web开发平台,是微软公司推出的新一代脚本语言。

    ASP.NET 是一个使用 HTML、CSS、JavaScript 和服务器脚本创建网页和网站的开发框架。

    ASP.NET 支持三种不同的开发模式:
    Web Pages(Web 页面)、MVC(Model View Controller 模型-视图-控制器)、Web Forms(Web 窗体):

    Web Pages
    单页面模式
     MVC
    模型-视图-控制器
     Web Forms
    事件驱动模式

    最简单的 ASP.NET 模式。

    与 PHP 和经典 ASP 相似。

    内置了数据库、视频、图形、社交媒体等模板和帮助器。
     
    MVC 将 Web 应用程序分成 3 个不同的组成部分: 

    模型负责数据
    视图负责显示
    控制器负责输入
     
    传统的 ASP.NET 事件驱动开发模式:

    带有服务器控件、服务器事件和服务器代码的网页。

     


    Web Pages 教程

    如果您刚接触 ASP.NET ,建议从 Web Pages 开始学习。

    Web Pages 是开发 ASP.NET 网站最简单的开发模式。

    在我们的 Web Pages 教程中,您将学习如何使用 VB (Visual Basic) 或者 C# (C sharp) 最新的 Razor 服务器标记语法将 HTML、CSS、JavaScript 和服务器代码结合起来。

    您也可以学习如何使用具有可编程的 Web Helpers(包括数据库、视频、图形、社交媒体等等)来扩展您的网页。

     


    MVC 教程

    MVC 是一种使用 MVC(Model View Controller 模型-视图-控制器)设计创建 Web 应用程序的模式。

    如果您想要一个替代传统的 ASP.NET 的轻量级的开发模式,可以从 MVC 开始学习。

    在我们的 MVC 教程中,您将学到如何使用集成了现有的所有 ASP.NET 特性(比如 Master Pages、 Security、Authentication 母版页、安全、验证)的轻量级的开发模式创建 Web 应用程序。

     


    Web Forms 教程

    Web Forms 是传统的基于事件驱动的 ASP.NET 模式。

    多年来,开发者已经使用 ASP.NET Web Forms 创建了许多众所周知的大型网站。

    如果您想学习在过去的 10 年中许多 Web 开发人员使用的设计模式,那么您可以从 Web Forms 开始学习。

     


    谁适合阅读本教程?

    本教程适合于任何想要学习在微软 ASP.NET 平台上创建网站的人员,从业余站点到最新的、现代化的、完全商业化的网络。

    即使您是刚接触 Web 编程,您也可以学习本教程,如果对 HTML 和 CSS 有基本的了解将会有助于本教程的学习。

    如果您对脚本语言如 JavaScript 或者 VB (Visual Basic) 有基本的了解,那将会对学习本教程很有帮助。

     

    如果您是一名有过 ASP.NET 开发经验的专业的 Web 开发人员,您仍然可以从本教程中学到很多东西,因为这些教程介绍了很多新的 ASP.NET 的概念,比如 HTML5、CSS3、JQuery 等等。

     

     

    ASP.NET 简介

     

    ASP.NET

    本节对 ASP.NET 进行概括,介绍了 ASP.NET 的服务器技术、开发工具以及文件扩展名。


    经典 ASP - Active Server Pages(动态服务器页面)

    ASP ,全称 Active Server Pages(动态服务器页面),也被称为经典 ASP ,是在1998年作为微软的第一个服务器端脚本引擎推出的。

    ASP 是一种使得网页中的脚本在因特网服务器上被执行的技术。

    ASP 页面的文件扩展名是 .asp ,通常是用 VBScript 编写的。

     


    ASP.NET

    ASP.NET 是新一代 ASP 。它与经典 ASP 是不兼容的,但 ASP.NET 可能包括经典 ASP。

    ASP.NET 页面是经过编译的,这使得它们的运行速度比经典 ASP 快。

    ASP.NET 具有更好的语言支持,有一大套的用户控件和基于 XML 的组件,并集成了用户身份验证。

    ASP.NET 页面的扩展名是 .aspx ,通常是用 VB (Visual Basic) 或者 C# (C sharp) 编写。

    在 ASP.NET 中的控件可以用不同的语言(包括 C++ 和 Java)编写。

    当浏览器请求 ASP.NET 文件时,ASP.NET 引擎读取文件,编译和执行脚本文件,并将结果以普通的 HTML 页面返回给浏览器。


    ASP.NET Razor

    Razor 是一种将服务器代码嵌入到 ASP.NET 网页中的新的、简单的标记语法,很像经典 ASP 。

    Razor 具有传统的 ASP.NET 的功能,但更容易使用并且更容易学习。


    ASP.NET 编程语言

    本教程介绍了以下编程语言:

    • Visual Basic (VB.NET)
    • C# (发音:C sharp)

    ASP.NET 服务器技术

    本教程介绍了以下服务器技术

    • Web Pages(Razor 语法)
    • MVC(模型-视图-控制器)
    • Web Forms(传统的 ASP.NET)

    ASP.NET 开发工具

    ASP.NET 支持以下开发工具:

    • WebMatrix
    • Visual Web Developer
    • Visual Studio

    在本教程中,Web Pages 教程使用了 WebMatrix

    MVC 教程和 Web Forms 教程使用了 Visual Web Developer


    ASP.NET 文件扩展名

    • 经典 ASP 文件的文件扩展名为 .asp
    • ASP.NET 文件的文件扩展名为 .aspx
    • Razor C# 语法的 ASP.NET 文件的文件扩展名为 .cshtml
    • Razor VB 语法的 ASP.NET 文件的文件扩展名为 .vbhtml

     

    ASP.NET Web Pages - 教程

     

    ASP.NET Web Pages - 教程

    ASP.NET 是一个开发框架,是新一代的 ASP(Active Server Pages)

    ASP.NET 是一个使用 HTML、CSS、JavaScript 和服务器脚本创建网页和网站的开发框架。

    ASP.NET 支持三种不同的开发模式:
    Web Pages(Web 页面)、MVC(Model View Controller 模型-视图-控制器)、Web Forms(Web 窗体):

    本教程介绍 Web Pages

    Web Pages MVC Web Forms

    提示:最简单的 ASP.NET 模型,类似 PHP 和 ASP,内置了用于数据库、视频、社交媒体等的模板和帮助器。

     


    从何入手?

    多数开发人员学习一个新技术,是从查看运行实例开始的。


    通过"运行实例"轻松学习

    我们的"运行实例"工具让 Web Pages 变得更简单易学。

    它在运行实例的同时显示 ASP.NET 代码和 HTML 输出。

    点击"运行实例"按钮来看看它是如何工作的:

    Web Pages 实例

    <html>
    <body>
    <h1>Hello Web Pages</h1>
    <p>The time is @DateTime.Now</p>
    </body>
    </html>

     


    什么是 Web Pages?

    Web Pages 是三种创建 ASP.NET 网站和 Web 应用程序的编程模式中的一种。

    其他两种编程模式是 Web Forms 和 MVC(Model View Controller 模型-视图-控制器)。

    Web Pages 是开发 ASP.NET 网页最简单的开发模式。它提供了一种简单的方式来将 HTML、CSS、JavaScript 和服务器脚本结合起来:

    • 容易学习,容易理解,容易使用
    • 围绕着单一的网页创建
    • 与 PHP 和经典 ASP 相似
    • Visual Basic 或者 C# 的服务器脚本
    • 全 HTML、CSS 和 JavaScript 控制

    Web Pages 内置了数据库、视频、图形、社交媒体和其他更多的 Web Helpers,因此很容易扩展。


    Web Pages 教程

    如果您刚接触 ASP.NET ,建议从 Web Pages 开始学习。

    在我们的 Web Pages 教程中,您将学习到如何使用 VB(Visual Basic) 或者 C#(C sharp) 最新的 Razor 服务器标记语法将 HTML、CSS、JavaScript 和服务器代码结合起来。

    您也可以学习如何使用具有可编程的 Web Helpers(包括数据库、视频、图形、社交媒体等等)来扩展您的网页。

     


    Web Pages 参考手册

    在本教程的最后,您将看到一套完整的 ASP.NET 参考手册,介绍了对象、组件、属性和方法。


    使用 WebMatrix

    在本教程中,我们使用了 WebMatrix

    WebMatrix 是一个简单但功能强大的,由微软专门为 Web Pages 量身定做的,免费的 ASP.NET 开发工具

    WebMatrix 包含:

    • Web Pages 实例和模板
    • 一种 Web 服务器语言(VB 或者 C# 的 Razor 服务器标记语法)
    • 一种 Web 服务器(IIS Express)
    • 一种数据库服务器(SQL Server Compact)
    • 一个完整的 Web 开发框架(ASP.NET)

    通过使用 WebMatrix ,您可以从一个空的网站和一个空白页面开始开发,或者您也可以使用"Web 应用程序库"中的开源应用程序进行二次开发。PHP 和 ASP.NET 应用程序很多都是开源的,比如 Umbraco、DotNetNuke、Drupal、Joomla、WordPress 等等。WebMatrix 也有内置安全性、搜索引擎优化和网络出版工具。

    使用 WebMatrix 开发的技术和代码可以无缝地转化为完全专业化的 ASP.NET 应用程序。

    如果您想尝试使用 WebMatrix ,请点击下面的链接进行安装。

     

     

    ASP.NET Web Pages Razor

     

    ASP.NET Web Pages - 添加 Razor 代码

    在以下的内容中,你将了解什么是 Razor?如何添加 Razor 代码?Razor C# 与 VB 的语法规则是什么?


    在本教程中,我们将使用 C# 和 Visual Basic 代码的 Razor 标记。


    什么是 Razor ?

    • Razor 是一种将基于服务器的代码添加到网页中的标记语法
    • Razor 具有传统 ASP.NET 标记的功能,但更容易使用并且更容易学习
    • Razor 是一种服务器端标记语法,与 ASP 和 PHP 很像
    • Razor 支持 C# 和 Visual Basic 编程语言

    添加 Razor 代码

    请记住上一章实例中的网页:

    <!DOCTYPE html>

    <html lang="en">
    <head>
    <meta charset="utf-8" />
    <title>Web Pages Demo</title>
    </head>
    <body>
    <h1>Hello Web Pages</h1>
    </body>
    </html>

    现在向实例中添加一些 Razor 代码:

    实例

    <!DOCTYPE html>

    <html lang="en">
    <head>
    <meta charset="utf-8" />
    <title>Web Pages Demo</title>
    </head>
    <body>
    <h1>Hello Web Pages</h1> 
    <p>The time is @DateTime.Now</p>
    </body>
    </html>

     

    该页面中包含普通的 HTML 标记,除此之外,还添加了一个 @ 标识的 Razor 代码。

    Razor 代码能够在服务器上实时地完成多有的动作,并将结果显示出来。(您可以指定格式化选项,否则只会显示默认项。)


    主要的 Razor C# 语法规则

    • Razor 代码块包含在 @{ ... } 中
    • 内联表达式(变量和函数)以 @ 开头
    • 代码语句用分号结束
    • 变量使用 var 关键字声明
    • 字符串用引号括起来
    • C# 代码区分大小写
    • C# 文件的扩展名是 .cshtml

    C# 实例

    <!-- Single statement block -->
    @{ var myMessage = "Hello World"; }

    <!-- Inline expression or variable -->
    <p>The value of myMessage is: @myMessage</p> 

    <!-- Multi-statement block -->
    @{
    var greeting = "Welcome to our site!";
    var weekDay = DateTime.Now.DayOfWeek;
    var greetingMessage = greeting + " Today is: " + weekDay;
    }
    <p>The greeting is: @greetingMessage</p>

     


    主要的 Razor VB 语法规则

    • Razor 代码块包含在 @Code ... End Code 中
    • 内联表达式(变量和函数)以 @ 开头
    • 变量使用 Dim 关键字声明
    • 字符串用引号括起来
    • VB 代码不区分大小写
    • VB 文件的扩展名是 .vbhtml

    实例

    <!-- Single statement block --> 
    @Code dim myMessage = "Hello World" End Code

    <!-- Inline expression or variable --> 
    <p>The value of myMessage is: @myMessage</p> 

    <!-- Multi-statement block --> 
    @Code
    dim greeting = "Welcome to our site!" 
    dim weekDay = DateTime.Now.DayOfWeek 
    dim greetingMessage = greeting & " Today is: " & weekDay
    End Code 

    <p>The greeting is: @greetingMessage</p>

     

     

    ASP.NET Web Pages 布局

     

    ASP.NET Web Pages - 页面布局

    本节介绍使用 ASP.NET Web Pages 来实现风格统一的页面布局。


    通过 Web Pages ,创建一个布局一致的网站是很容易的事。


    一致的外观

    在因特网上,您会发现很多网站都具有一致的外观和风格:

    • 每个页面有相同的头部
    • 每个页面有相同的底部
    • 每个页面有相同的样式和布局

    通过 Web Pages ,您能非常高效地做到这点。您可以把重复使用的内容块(比如页面头部和底部)写在一个单独的文件中。

    您还可以使用布局模板(布局文件)为站点的所有网页定义一致的布局。


    Content Blocks(内容块)

    许多网站都有一些内容是被显示在站点的每个页面中(比如页面头部和底部)。

    通过 Web Pages,您可以使用 @RenderPage() 方法从不同的文件导入内容。

    内容块(来自另一个文件)能被导入网页中的任何地方。内容块可以包含文本,标记和代码,就像任何普通的网页一样。

    将共同的头部和底部写成单独的文件,这样会帮您节省大量的工作。您不必在每个页面中书写相同的内容,当内容有变动时,您只要修改头部或者底部文件,就可以看到站点中的每个页面的相应内容都已更新。

    以下显示了它在代码中是如何呈现的:

    实例

    <html>
    <body>
    @RenderPage("header.cshtml")
    <h1>Hello Web Pages</h1> 
    <p>This is a paragraph</p>
    @RenderPage("footer.cshtml")
    </body>
    </html>

     


    Layout Page(布局页)

    在上一部分,您看到了,想在多个网页中显示相同内容是非常容易的。

    另一种创建一致外观的方法是使用布局页。一个布局页包含了网页的结构,而不是内容。当一个网页(内容页)链接到布局页,它会根据布局页(模板)的结构进行显示。

    布局页中使用 @RenderBody() 方法嵌入内容页,除此之外,它与一个正常的网页没有什么差别。

    每个内容页都必须以布局指令开始。

    以下显示了它在代码中是如何呈现的:

    布局页:

    <html>
    <body>
    <p>This is header text</p>
    @RenderBody()
    <p>© 2018 beyond. All rights reserved.</p>
    </body>
    </html>

     

    任何网页:

    @{Layout="Layout.cshtml";}

    <h1>Hello Beyond</h1>

    <p>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit,sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laborisnisi ut aliquip ex ea commodo consequat.
    </p>

     


    D.R.Y. - Don't Repeat Yourself(不要自我重复)

    通过 Content Blocks(内容块)和 Layout Pages(布局页)这两个 ASP.NET 工具,您可以让您的 Web 应用程序显示一致的外观。

    这两个工具能帮您节省大量的工作,您不必再每个页面上重复相同的信息。集中的标记、样式和代码让您的 Web 应用程序更易于管理,更易于维护。


    防止文件被浏览

    在 ASP.NET 中,文件的名称以下划线开头,可以防止这些文件在网上被浏览。

    如果您不想让您的内容块或者布局页被您的用户看到,可以重命名这些文件:

    _header.cshtm

    _footer.cshtml

    _Layout.cshtml


    隐藏敏感信息

    在 ASP.NET 中,隐藏敏感信息(数据库密码、电子邮件密码等等)最通用的方法是将这些信息保存在一个名为"_AppStart"的单独的文件中。

    _AppStart.cshtml

    @{
    WebMail.SmtpServer = "mailserver.example.com";
    WebMail.EnableSsl = true;
    WebMail.UserName = "username@example.com";
    WebMail.Password = "your-password";
    WebMail.From = "your-name-here@example.com";
    }

     

    以上就是有关 ASP.NET Web Pages 布局内容,如果想要更加便捷的统一网页布局的话,你可以试一试 ASP.NET Web Pages 来进行布局。

     

     

     

    ASP.NET Web Pages 文件夹

     

    ASP.NET Web Pages - 文件夹


    本章介绍有关文件夹和文件夹路径的知识。

    在 ASP.NET Web Pages 中,有两种文件夹结构,分别是,逻辑文件夹结构与物理文件夹结构。


    在本章中,您将学到:

    • 逻辑文件夹结构和物理文件夹结构
    • 虚拟名称和物理名称
    • Web URL 和 Web 路径

    逻辑文件夹结构

    下面是典型的 ASP.NET 网站文件夹结构:

    Folders

    • "Account" 文件夹包含登录和安全文件
    • "App_Data" 文件夹包含数据库和数据文件
    • "Images" 文件夹包含图片
    • "Scripts" 文件夹包含浏览器脚本
    • "Shared" 文件夹包含公共的文件(比如布局和样式文件)

    物理文件夹结构

    在上述网站中的"Images"文件夹在计算机上的物理文件夹结构可能如下:

    C:\Documents\MyWebSites\Demo\Images 


    虚拟名称和物理名称

    以上面的例子为例:

    网站图片的虚拟名称可能是"Images/pic31.jpg"。

    对应的物理名称是"C:\Documents\MyWebSites\Demo\Images\pic31.jpg"。


    URL 和路径

    URL 是用来访问网站中的文件: //www.baidu.com/html/html-tutorial.html

    URL 对应于服务器上的物理文件:C:\MyWebSites\beyond\html\html-tutorial.html 

    虚拟路径是物理路径的一种简写表示。如果您使用虚拟路径,当您更改域名或者将您的网页移到其他服务器上时,您可以不用更新路径。

    URL//www.baidu.com/html/html-tutorial.html
    服务器名称beyond
    虚拟路径/html/html-tutorial.html
    物理路径C:\MyWebSites\beyond\html\html-tutorial.html

    磁盘驱动器的根目录如下书写 C: ,但是网站的根目录是 / (斜线)。

    Web 文件夹的虚拟路径通常是与物理文件夹不相同。

    在您的代码中,根据您的编码需要决定使用物理路径和和虚拟路径。

    ASP.NET 文件夹路径有 3 种工具:~ 运算符、Server.MapPath 方法 和 Href 方法。


    ~ 运算符

    使用 ~ 运算符,在编程代码中规定虚拟路径。

    如果您使用 ~ 运算符,在您的站点迁移到其他不同的文件夹或者位置时,您可以不用更改您的任何代码:

    var myImagesFolder = "~/images";
    var myStyleSheet = "~/styles/StyleSheet.css";

     


    Server.MapPath 方法

    Server.MapPath 方法将虚拟路径(/index.html)转换成服务器能理解的物理路径(C:\Documents\MyWebSites\Demo\default.html)。

    当您需要打开服务器上的数据文件时,您可以使用这个方法(只有提供完整的物理路径才能访问数据文件):

    var pathName = "~/dataFile.txt";
    var fileName = Server.MapPath(pathName);

    在本教程的下一章中,您会学到更多关于读取(和写入)服务器上的数据文件的知识。


    Href 方法

    Href 方法将代码中的使用的路径转换成浏览器可以理解的路径(浏览器无法理解 ~ 运算符)。

    您可以使用 Href 方法创建资源(比如图像文件 和 CSS 文件)的路径。

    一般会在 HTML 中的 <a>、<img> 和 <link> 元素中使用此方法:

    @{var myStyleSheet = "~/Shared/Site.css";}

    <!-- This creates a link to the CSS file. -->
    <link rel="stylesheet" type="text/css" href="@Href(myStyleSheet)" />

    <!-- Same as : -->
    <link rel="stylesheet" type="text/css" href="/Shared/Site.css" />

    Href 方法是 WebPage 对象的一种方法。

     

    ASP.NET Web Pages 全局页面

     

    ASP.NET Web Pages - 全局页面


    本章介绍全局页面 AppStart 和 PageStart。


    在 Web 启动之前:_AppStart

    大多数的服务器端代码是写在个人网页里边。例如,如果网页中包含输入表单,那么这个网页通常包含用来读取表单数据的服务器端代码。

    然而,您可以通过在您的站点根目录下创建一个名为 _AppStart 的页面,这样在站点启动之前可以先启动代码执行。如果存在此页面,ASP.NET 会在站点中其它页面被请求时,优先运行这个页面。

    _AppStart 的典型用途是启动代码和初始化全局数值(比如计数器和全局名称)。

    注释 1:_AppStart 的文件扩展名与您的网页一致,比如:_AppStart.cshtml。

    注释 2:_AppStart 有下划线前缀。因此,这些文件不可以直接浏览。


    在每一个页面之前:_PageStart

    就像 _AppStart 在您的站点启动之前就运行一样,您可以编写在每个文件夹中的任何页面之前运行的代码。

    对于您网站中的每个文件夹,您可以添加一个名为 _PageStart 的文件。

    _PageStart 的典型用途是为一个文件夹中的所有页面设置布局页面,或者在运行某个页面之前检查用户是否已经登录。


    它是如何工作的?

    下图显示了它是如何工作的:

    PageStart

    当接收到一个请求时,ASP.NET 会首先检查 _AppStart 是否存在。 如果 _AppStart 存在且这是站点接收到的第一个请求,则运行 _AppStart。

    然后 ASP.NET 检查 _PageStart 是否存在。如果 _PageStart 存在,则在其它被请求的页面运行之前先运行 _PageStart。

    您可以在 _PageStart 中调用 RunPage() 来指定被请求页面的运行位置。否则,默认情况下,被请求页面是在 _PageStart 运行之后才被运行。

    以上就是有关 ASP.NET Web Pages 全局页面:AppStart 和 PageStart 的介绍内容。

     

     

    ASP.NET Web Pages HTML 表单

     

    ASP.NET Web Pages - HTML 表单

    本节为你讲解 ASP.NET Web Pages HTML 表单。


    表单是 HTML 文档中放置输入控件(文本框、复选框、单选按钮、下拉列表)的部分。


    创建一个 HTML 输入页面

    Razor 实例

    <html>
    <body> 
    @{
    if (IsPost) { 
    string companyname = Request["companyname"]; 
    string contactname = Request["contactname"]; 
    <p>You entered: <br />
    Company Name: @companyname <br />
    Contact Name: @contactname </p>
    }
    else
    {
    <form method="post" action="">
    Company Name:<br />
    <input type="text" name="CompanyName" value="" /><br />
    Contact Name:<br />
    <input type="text" name="ContactName" value="" /><br /><br />
    <input type="submit" value="Submit" class="submit" />
    </form>
    }

    </body> 
    </html>

     


    Razor 实例 - 显示图像

    假设在您的图像文件夹中有 3 张图像,您想根据用户的选择动态地显示图像。

    这可以通过一段简单的 Razor 代码来实现。

    如果在您的网站的图像文件夹中有一个名为 "Photo1.jpg" 的图像,您可以使用 HTML 的 <img> 元素来显示图像,如下所示:

    <img src="images/Photo1.jpg" alt="Sample" />

    下面的例子演示了如何显示用户从下列列表中选择的图像:

    Razor 实例

    @{
    var imagePath=""; 
    if (Request["Choice"] != null)
    {imagePath="images/" + Request["Choice"];} 

    <!DOCTYPE html> 
    <html> 
    <body> 
    <h1>Display Images</h1> 
    <form method="post" action=""> 
    I want to see: 
    <select name="Choice"> 
    <option value="Photo1.jpg">Photo 1</option> 
    <option value="Photo2.jpg">Photo 2</option> 
    <option value="Photo3.jpg">Photo 3</option> 
    </select> 
    <input type="submit" value="Submit" /> 
    @if (imagePath != "")
    {
    <p>
    <img src="@imagePath" alt="Sample" />
    </p>

    </form> 
    </body> 
    </html>

     

    实例解释

    服务器创建了一个叫 imagePath 的变量。

    HTML 页面有一个名为 Choice 的下拉列表(<select> 元素)。它允许用户根据自己的意愿选择一个名称(如 Photo 1),当页面被提交到 Web 服务器时,则传递了一个文件名(如 Photo1.jpg)。

    Razor 代码通过 Request["Choice"] 读取 Choice 的值。如果通过代码构建的图像路径(images/Photo1.jpg)有效,就把图像路径赋值给变量 imagePath

    在 HTML 页面中,<img>元素用来显示图像。当页面显示时,src 属性用来设置 imagePath 变量的值。

    <img> 元素是在一个 if 块中,这是为了防止显示没有名称的图像,比如页面第一次被加载显示的时候。

     

     

     

    ASP.NET Web Pages 对象

     

    ASP.NET Web Pages - 对象

    本节介绍 ASP.NET Web Pages 对象的方法与属性。


    Web Pages 经常是跟对象有关的。


    Page 对象

    您已经看到了一些在使用的 Page 对象方法:

    @RenderPage("header.cshtml")

    @RenderBody()

    在前面的章节中,您已经看到了两个 Page 对象属性(isPost 和 Request):

    If (isPost) {

    if (Request["Choice"] != null {

     


    某些 Page 对象方法

    方法描述
    href使用指定的值创建 URL。
    RenderBody()呈现不在布局页命名区域的内容页的一部分。
    RenderPage(page)在另一个页面中呈现某一个页面的内容。
    RenderSection(section)呈现布局页命名区域的内容。
    Write(object)将对象作为 HTML 编码字符串写入。
    WriteLiteral写入对象时优先不使用 HTML 编码。

     


    某些 Page 对象属性

    属性描述
    isPost如果客户端使用的 HTTP 数据传输方法是 POST 请求,则返回 true。
    Layout获取或者设置布局页面的路径。
    Page提供了对页面和布局页之间共享的数据的类似属性访问。
    Request为当前的 HTTP 请求获取 HttpRequest 对象。
    Server获取 HttpServerUtility 对象,该对象提供了网页处理方法。

     


    Page 对象的 Page 属性

    Page 对象的 Page 属性,提供了对页面和布局页之间共享的数据的类似属性访问。

    您可以对 Page 属性使用(添加)您自己的属性:

    • Page.Title
    • Page.Version
    • Page.anythingyoulike

    页面属性是非常有用的。例如,在内容文件中设置页面标题,并在布局文件中使用:

    Home.cshtml

    @{
    Layout="~/Shared/Layout.cshtml";
    Page.Title="Home Page"
    }

    <h1>Hello Beyond</h1> 

    <h2>Web Site Main Ingredients</h2>

    <p>A Home Page (Default.cshtml)</p>
    <p>A Layout File (Layout.cshtml)</p>
    <p>A Style Sheet (Site.css)</p>

     

    Layout.cshtml

    <!DOCTYPE html>
    <html>
    <head>
    <title>@Page.Title</title>
    </head>
    <body>
    @RenderBody()
    </body>
    </html

     

     

    ASP.NET Web Pages 文件

     

    ASP.NET Web Pages - 文件

    ASP.NET Web Pages 文件中可以存储数据,前提是,你需要添加一个文本文件,在下文中你将了解更多与 Web Pages 文件相关的知识。


    本章介绍有关使用文本文件的知识。


    使用文本文件

    在前面的章节中,我们已经了解到网页数据是存储在数据库中的。

    您也可以把站点数据存储在文本文件中。

    用来存储数据的文本文件通常被称为平面文件。常见的文本文件格式是 .txt、.xml 和 .csv(逗号分隔值)。

    在本章中,您将学习到:

    • 如何从文本文件中读取并显示数据

    手动添加一个文本文件

    在下面的例子中,您将需要一个文本文件。

    在您的网站上,如果没有 App_Data 文件夹,请创建一个。在 App_Data 文件夹中,创建一个名为 Persons.txt 的文件。

    添加以下内容到文件中:

    Persons.txt

    George,Lucas
    Steven,Spielberg
    Alfred,Hitchcock

     


    显示文本文件中的数据

    下面的实例演示了如何显示一个文本文件中的数据:

    实例

    @{
    var dataFile = Server.MapPath("~/App_Data/Persons.txt");
    Array userData = File.ReadAllLines(dataFile);
    }

    <!DOCTYPE html>
    <html>
    <body>

    <h1>Reading Data from a File</h1>
    @foreach (string dataLine in userData) 
    {
    foreach (string dataItem in dataLine.Split(',')) 
    {@dataItem <text>&nbsp;</text>}
    <br />
    }
    </body>
    </html>

     

    实例解释

    使用 Server.MapPath 找到确切的文本文件的路径。

    使用 File.ReadAllLines 打开文本文件,并读取文件中的所有行到一个数组中。

    数组中的每个数据行中的数据项的数据被显示。


    显示 Excel 文件中的数据

    使用 Microsoft Excel,您可以将一个电子表格保存为一个逗号分隔的文本文件(.csv 文件)。此时,电子表格中的每一行保存为一个文本行,每个数据列由逗号分隔。

    in可以使用上面的实例读取一个 Excel .csv 文件(只需将文件名改成相应的 Excel 文件的名称)。

     

     

    ASP.NET Web Pages 帮助器

     

    ASP.NET Web Pages - 帮助器

    本节的内容是要介绍 ASP.NET Web Pages 的5种帮助器,以及你可以通过怎样的方法来手动安装其它的帮助器。


    Web 帮助器大大简化了 Web 开发和常见的编程任务。


    ASP.NET 帮助器

    ASP.NET 帮助器是通过几行简单的 Razor 代码即可访问的组件。

    您可以使用存放在 .cshtml 文件中的 Razor 语法构建自己的帮助器,或者使用内建的 ASP.NET 帮助器。

    在本教程接下来的章节中,您将学到如何使用 Razor 帮助器。

    下面是一些有用的 Razor 帮助器的简短说明:


    WebGrid 帮助器

    WebGrid 帮助器简化了显示数据的方式:

    • 自动创建一个 HTML 表格来显示数据
    • 支持不同的格式化选项
    • 支持数据分页显示(第一页、下一页、上一页、最后一页)
    • 支持通过点击列表标题进行排序

    Chart 帮助器

    "Chart 帮助器" 能显示不同类型的带有多种格式化选项和标签的图表图像。

    chart

    Chart 帮助器显示的数据来源可以是数组、数据库或者文件。

    提示:Chart 帮助器能够创建的标准图表包括面积图、条状图、柱形图、线图和饼图,以及更专业的图表(比如股票走势图)。


    WebMail 帮助器

    WebMail 帮助器提供了使用SMTP(Simple Mail Transfer Protocol 简单邮件传输协议)发送电子邮件的功能。

    使用 WebMail 帮助器的前提是支持电子邮件。


    WebImage 帮助器

    WebImage 帮助器提供了管理网页中图像的功能。

    关键词:翻转、旋转、缩放、水印。


    第三方帮助器

    通过 Razor,您可以利用内建的或者第三方的帮助器来简化电子邮件、数据库、多媒体、社交网络以及很多其他问题(如导航和的网络安全)的使用。


    安装帮助器

    WebMatrix 已经包含了一些帮助器,您还可以手动安装其他的帮助器。

    在   WebPages 帮助器参考手册中,您可以看到一个便捷的参考手册,包含了内建帮助器和其他可以通过手动安装附加到 ASP.NET Web Helpers Library 工具包中的帮助器。

    如果您在 WebMatrix 中创建了一个网站,请按照下面的步骤安装帮助器:

    1. 在 WebMatrix 中,打开 Site 工作区。
    2. 点击 Web Pages Administration
    3. 使用密码 * 登录到 Web Pages Administration。
    4. 使用 搜索区 搜索帮助器。
    5. 点击 Install 安装您所需的帮助器。

    (* 如果您是第一次使用 Web Pages Administration,会提示您创建一个密码。)

    以上就是 ASP.NET 帮助器的介绍内容,通过使用帮助器,能够使你的编程过程变得更加的便捷。

     

     

    ASP.NET Web Pages WebGrid

     

    ASP.NET Web Pages - WebGrid 帮助器


    WebGrid - 众多有用的 ASP.NET Web 帮助器之一。

    本节为你详细的介绍了 WebGrid 帮助器的使用方法。


    自己写的 HTML

    在前面的章节中,您使用 Razor 代码显示数据库数据,所有的 HTML 标记都是手写的:

    数据库实例

    @{
    var db = Database.Open("SmallBakery"); 
    var selectQueryString = "SELECT * FROM Product ORDER BY Name"; 
    }
    <html> 
    <body> 
    <h1>Small Bakery Products</h1> 
    <table> 
    <tr>
    <th>Id</th> 
    <th>Product</th> 
    <th>Description</th> 
    <th>Price</th> 
    </tr>
    @foreach(var row in db.Query(selectQueryString))
    {
    <tr> 
    <td>@row.Id</td> 
    <td>@row.Name</td> 
    <td>@row.Description</td> 
    <td align="right">@row.Price</td> 
    </tr> 
    }
    </table> 
    </body> 
    </html>

     


    使用 WebGrid 帮助器

    WebGrid 帮助器提供了一种更简单的显示数据的方法。

    WebGrid 帮助器:

    • 自动创建一个 HTML 表格来显示数据
    • 支持不同的格式化选项
    • 支持数据分页显示
    • 支持通过点击列表标题进行排序

    WebGrid 实例

    @{ 
    var db = Database.Open("SmallBakery") ; 
    var selectQueryString = "SELECT * FROM Product ORDER BY Id"; 
    var data = db.Query(selectQueryString); 
    var grid = new WebGrid(data); 
    }
    <html> 
    <head> 
    <title>Displaying Data Using the WebGrid Helper</title> 
    </head> 
    <body> 
    <h1>Small Bakery Products</h1> 
    <div id="grid"> 
    @grid.GetHtml()
    </div> 
    </body> 
    </html>

     

    下一节内容中,你将认识 Chart 帮助器的使用。

     

     

     

    ASP.NET Web Pages 图表

     

    ASP.NET Web Pages - Chart 帮助器


    Chart 帮助器 - 众多有用的 ASP.NET Web 帮助器之一。

    通过使用 Chart 帮助器可以在图表中显示数据,本节讲解了 Chart 帮助器的具体使用。


    Chart 帮助器

    在前面的章节中,您已经学习了如何使用 ASP.NET 的 "帮助器"。

    前面已经介绍了如何使用 "WebGrid 帮助器" 在网格中显示数据。

    本章介绍如何使用 "Chart 帮助器" 以图形化的形式显示数据。

    "Chart 帮助器" 可以创建不同类型的带有多种格式化选项和标签的图表图像。它可以创建面积图、条形图、柱形图、折线图、饼图等标准图表,也可以创建像股票图表这样的更专业的图表。

    chart

    在图表中显示的数据可以是来自一个数组,一个数据库,或者一个文件中的数据。


    根据数组创建图表

    下面的实例显示了根据数组数据显示图表所需的代码:

    实例

    @{ 
    var myChart = new Chart(width: 600, height: 400) 
    .AddTitle("Employees") 
    .AddSeries(chartType: "column",
    xValue: new[] { "Peter", "Andrew", "Julie", "Mary", "Dave" }, 
    yValues: new[] { "2", "6", "4", "5", "3" }) 
    .Write();
    }

     

    new Chart 创建一个新的图表对象并且设置它的宽度和高度

    AddTitle 方法指定了图表的标题

    AddSeries 方法向图表中增加数据

    chartType 参数定义图表的类型

    xValue 参数定义 x 轴的名称

    yValues 参数定义 y 轴的名称

    Write() 方法显示图表


    根据数据库创建图表

    您可以执行一个数据库查询,然后使用查询结果中的数据来创建一个图表:

    实例

    @{ 
    var db = Database.Open("SmallBakery"); 
    var dbdata = db.Query("SELECT Name, Price FROM Product"); 
    var myChart = new Chart(width: 600, height: 400) 
    .AddTitle("Product Sales") 
    .DataBindTable(dataSource: dbdata, xField: "Name")
    .Write();
    }

     

    var db = Database.Open 打开数据库(将数据库对象赋值给变量 db)

    var dbdata = db.Query 执行数据库查询并保存结果在 dbdata 中

    new Chart 创建一个新的图表对象并且设置它的宽度和高度

    AddTitle 方法指定了图表的标题

    DataBindTable 方法将数据源绑定到图表

    Write() 方法显示图表

    除了使用 DataBindTable 方法之外,另一种方法是使用 AddSeries(见前面的实例)。DataBindTable 更容易使用,但是 AddSeries 更加灵活,因为您可以更明确地指定图表和数据:

    实例

    @{ 
    var db = Database.Open("SmallBakery"); 
    var dbdata = db.Query("SELECT Name, Price FROM Product"); 
    var myChart = new Chart(width: 600, height: 400) 
    .AddTitle("Product Sales") 
    .AddSeries(chartType:"Pie",
    xValue: dbdata, xField: "Name",
    yValues: dbdata, yFields: "Price")
    .Write();
    }

     


    根据 XML 数据创建图表

    第三种创建图表的方法是使用 XML 文件作为图表的数据:

    实例

    @using System.Data;

    @{
    var dataSet = new DataSet();
    dataSet.ReadXmlSchema(Server.MapPath("data.xsd"));
    dataSet.ReadXml(Server.MapPath("data.xml"));
    var dataView = new DataView(dataSet.Tables[0]);
    var myChart = new Chart(width: 600, height: 400)
    .AddTitle("Sales Per Employee")
    .AddSeries("Default", chartType: "Pie",
    xValue: dataView, xField: "Name",
    yValues: dataView, yFields: "Sales")
    .Write();}
    }

     

    以上就是 Chart 帮助器的使用介绍。

     

     

     

     

    ASP.NET Web Pages Email

     

    ASP.NET Web Pages - WebMail 帮助器


    WebMail 帮助器 - 众多有用的 ASP.NET Web 帮助器之一。

    WebMail 帮助器的作用是可以让邮件的发送变得简单,详细的使用请参考本文内容。


    WebMail 帮助器

    WebMail 帮助器让发送邮件变得更简单,它按照 SMTP(Simple Mail Transfer Protocol 简单邮件传输协议)从 Web 应用程序发送邮件。


    前提:电子邮件支持

    为了演示如何使用电子邮件,我们将创建一个输入页面,让用户提交一个页面到另一个页面,并发送一封关于支持问题的邮件。


    第一:编辑您的 AppStart 页面

    如果在本教程中您已经创建了 Demo 应用程序,那么您已经有一个名为 _AppStart.cshtml 的页面,内容如下:

    _AppStart.cshtml

    @{
    WebSecurity.InitializeDatabaseConnection("Users", "UserProfile", "UserId", "Email", true);
    }

     

    要启动 WebMail 帮助器,向您的 AppStart 页面中增加如下所示的 WebMail 属性:

    _AppStart.cshtml

    @{
    WebSecurity.InitializeDatabaseConnection("Users", "UserProfile", "UserId", "Email", true);
    WebMail.SmtpServer = "smtp.example.com";
    WebMail.SmtpPort = 25;
    WebMail.EnableSsl = false;
    WebMail.UserName = "support@example.com";
    WebMail.Password = "password-goes-here";
    WebMail.From = "john@example.com";
    }

     

    属性解释:

    SmtpServer: 用于发送电子邮件的 SMTP 服务器的名称。

    SmtpPort: 服务器用来发送 SMTP 事务(电子邮件)的端口。

    EnableSsl: 如果服务器使用 SSL(Secure Socket Layer 安全套接层)加密,则值为 true。

    UserName: 用于发送电子邮件的 SMTP 电子邮件账户的名称。

    Password: SMTP 电子邮件账户的密码。

    From: 在发件地址栏显示的电子邮件(通常与 UserName 相同)。


    第二:创建一个电子邮件输入页面

    接着创建一个输入页面,并将它命名为 Email_Input:

    Email_Input.cshtml

    <!DOCTYPE html> 
    <html> 
    <body> 
    <h1>Request for Assistance</h1> 

    <form method="post" action="EmailSend.cshtml"> 
    <label>Username:</label>
    <input type="text name="customerEmail" />
    <label>Details about the problem:</label> 
    <textarea name="customerRequest" cols="45" rows="4"></textarea> 
    <p><input type="submit" value="Submit" /></p> 
    </form> 

    </body> 
    </html>

     

    输入页面的目的是手机信息,然后提交数据到可以将信息作为电子邮件发送的一个新的页面。


    第三:创建一个电子邮件发送页面

    接着创建一个用来发送电子邮件的页面,并将它命名为 Email_Send:

    Email_Send.cshtml

    @{ // Read input
    var customerEmail = Request["customerEmail"];
    var customerRequest = Request["customerRequest"];
    try
    {
    // Send email 
    WebMail.Send(to:"someone@example.com", subject: "Help request from - " + customerEmail, body: customerRequest ); 
    }
    catch (Exception ex )
    {
    <text>@ex</text> 
    }
    }

     

     

     

    ASP.NET Web Pages - 发布

     

    ASP.NET Web Pages - 发布网站

    WebMatrix 是微软最新的 Web 开发工具,它包含了构建网站所需要的一切元素,但是本节要讲解的是如何在不使用 WebMatrix 来发布应用程序。


    学习如何在不使用 WebMatrix 的情况下发布 Web Pages 应用程序。


    在不使用 WebMatrix 的情况下发布您的应用程序

    通过在 WebMatrix(或者 Visual Studio)中使用发布命令,可以发布一个 ASP.NET Web Pages 应用程序到远程服务器上。

    此功能会复制所有您的应用程序文件、cshtml页面、图像以及用于 Web Pages、Razor、Helpers、SQL Server Compact(如果使用数据库)所有必需的 DLL 文件。

    有时您不想使用 WebMatrix 发布您的应用程序。也许是因为您的托管服务提供商只支持 FTP,也许您已经有一个基于经典 ASP 的网站,也许您想自己复制所有的文件,也许您想使用 Front Page、Expression Web 等其他一些发布软件。

    您会遇到问题吗?是的,会的。但是您有办法解决它。

    要执行网站复制,您必须知道如何引用正确的文件,哪些 DLL 文件需要复制,并在何处存储它们。

    请按照下列步骤操作:


    1. 使用最新版本的 ASP.NET

    在您继续操作之前,请确保您的主机运行的是最新版的 ASP.NET(4.0 或者 4.5)。


    2. 复制 Web 文件夹

    从您的开发计算机上复制您的网站(所有文件夹和内容)到远程主机(服务器)上的应用程序文件夹中。

    lamp

    如果您的应用程序中包含数据,不要复制数据(详见下面的第 4 点)。


    3. 复制 DLL 文件

    确保您的远程主机上的 bin 文件夹中包含了和您开发计算机上相同的 dll 文件。

    复制 bin 文件夹之后,它应该包含以下文件:

    Microsoft.Web.Infrastructure.dll
    NuGet.Core.dll
    System.Web.Helpers.dll
    System.Web.Razor.dll
    System.Web.WebPages.Administration.dll
    System.Web.WebPages.Deployment.dll
    System.Web.WebPages.dll
    System.Web.WebPages.Razor.dll
    WebMatrix.Data.dll
    WebMatrix.WebData


    4. 复制您的数据

    如果您的应用程序包含数据或者数据库。例如 SQL Server Compact 数据库(在 App_Data 文件夹中的一个 .sdf 文件),请考虑以下几点:

    您是否希望发布您的测试数据到远程服务器上?

    大多数时候一般是不希望。

    如果在您的开发计算机上有测试数据,它将覆盖您的远程主机上的生产数据。

    如果您一定要复制 SQL 数据库(.sdf 文件),那么您应该删除数据库中的所有数据,然后从您的开发计算机上复制一个空的 .sdf 文件到服务器上。

    就是这样。GOOD LUCK!

    以上就是在不使用 WebMatrix 的情况下发布 Web Pages 应用程序的全部内容。

     

     

     

    github地址: https://github.com/ixixii/ASP.NET_01_WebPages_Razor

    代码汇总: 见github

     

     

     

     

     

     

     

    展开全文
  • ASP.NET Web Pages

    2021-06-18 10:43:06
    在本教程的下一章中,您会学到更多关于读取(和写入)服务器上的数据文件的知识。 Href 方法 Href 方法将代码中的使用的路径转换成浏览器可以理解的路径(浏览器无法理解 ~ 运算符)。 您可以使用 Href 方法创建...
  • npm config ls查询NPM管理包路径(NPM下载的依赖包所存放的路径) NPM默认的管理包路径在C:/用户/[用户名]/AppData/Roming/npm/node_meodules,为了方便对依赖包管理,我们将管理包的路径设置在单独的地方 本教程将...
  • "org.apache.tomcat.embed:tomcat-embed-jasper:${tomcat_embed}" compileOnly "org.projectlombok:lombok:1.16.10" compile project(":webpage") } // 不混淆打普通jar bootJar { mainClassName = 'org.pkaq....
  • 简要教程 创建一个名为 yourusername.github.io 的新 github 存储库,其中“yourusername”是您的 github 用户名。 使用git clone [url]将存储git clone [url]到本地计算机。 cd 进入指定目录并添加一个 index....
  • 在CentOS系统中编译安装Hiawatha服务器的教程Hiawatha 是一个Linux/UNIX下安全的Web服务器,其设计的最主要的目的就是安全,当然它也是快速的而且易于配置。在安装之后,确实发现他真的是轻量级的,安装部署相当的快...
  • 确定好主板版本后,到主板官网下载最新 BIOS: 技嘉官网:https://www.gigabyte.cn/Support/Motherboard 技嘉官网更新 BIOS 说明:https://www.gigabyte.cn/WebPage/-2/HowToReflashBIOS.html 华硕官网:...
  • 前言 由于演示需要,需要将Angular项目部署到静态网页中,供他人浏览查看。 此项目没有任何与后端交互功能,因此,带API交互的不知道能否成功部署; 项目 Angualr版本为7 第1步 更改index.html 文件 ...编译打包
  • (PS:碰巧,本文基于windows环境写的,而视频教程是基于mac os录制的,两者兼备了) 废话不多少,视频教程你也先别看,钱别着急花。先挑战一下自己的理解能力,看下文讲述是否清晰、是否能看懂。 2. 安装...
  • 中文电脑基础教程.pdf

    2021-07-10 05:32:31
    网页操作 网页操作 网页操作 主页homepage 网页webpage 标签tab 收藏夹myfavorite 提交submit 网址url 网站web 链接link 收藏addtomyfavorite 在新窗口打开链接 先按住Ctrl或Shift ,再点击链接 ,可以在新窗口打开 ...
  • nutch2.2.1+mysql集成教程

    2021-01-19 09:51:26
    创建数据库与表 手动创建数据库nutch和数据表webpage【如果不想用默认的库名和表名也可在nutch安装后的相关配置文件中进行修改,见后续说明】,其中webpage的表结构如下: CREATE TABLE `webpage` ( `id` varchar...
  • 在本教程中,我们将向您展示如何使用Python 3和BeautifulSoup库执行网络抓取。 我们将从国家气象局 ( National Weather Service)抓取天气预报,然后使用熊猫库进行分析。 We’ll be scraping weather forecasts ...
  • svg教程_深入的SVG教程

    2020-08-25 18:39:00
    svg教程Introduction 介绍 The advantages of SVG SVG的优势 Your first SVG image 您的第一个SVG图片 Using SVG 使用SVG SVG Elements SVG元素 text text circle circle rect rect line line path path textPath...
  • Python基础教程(第2版)第十四章 网络编程
  • c.close() 14-2 客户机 import socket s = socket.socket() host = socket.gethostname() port = 10234 s.connect((host,port)) print s.recv(1024) 运行示例 >>> from urllib import urlopen >>> webpage = urlopen...
  • This tag can be put anywhere in a webpage, it can be put in the middle of an HTML tag it does not matter, what this does if tell the CF interpreter that you are going to display a variable....
  • Vue脚手架 Vue脚手架指的是vue-cli,它是一个快速构建**单页面应用程序(SPA)**环境配置的工具,cli是(command-line-interface )命令行界面。 补充:单页面应用程序 ... 特点: ...一旦页面加载完成,SPA不会因为用户...
  • c# 爬网教程In this tutorial, we are going to talk about web scraping using python. 在本教程中,我们将讨论使用python进行网络抓取。 Firstly, we have to discuss about what is web scraping technique? ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 1,858
精华内容 743
关键字:

webpage教程