精华内容
下载资源
问答
  • Web“模糊检索”查询实现

    千次阅读 2018-07-03 11:01:53
    if($(this).val()=="关键字模糊查询(企业类型)"||$(this).val()==""){ if($("#append").html()!=""){ $("#append").hide().html(""); return false; } //定义接收参数 var html = ""; //...

    1、Js源码



    上面JS附件:

    <!--typelist和typelistid接收返回的参数,它们都是数组-->
    var typelist = typelist;
    var typelistid = typelistid;
    <!--初始化的时候判断-->
    $(document).ready(function() {
    	//判断鼠标指针移动到元素上方,并按下鼠标按键时触发mousedown事件
    	 $("#kw").mousedown(function(){
    		if($(this).val()=="关键字模糊查询(企业类型)"||$(this).val()==""){
    			if($("#append").html()!=""){
    				$("#append").hide().html("");
    				return false;
    			}
    			//定义接收参数
    			var html = "";
    			//循环出typelist数组所有的值
    			for (var i = 0; i < typelist.length; i++) {
    				html = html + "<div class='item' οnmοuseenter='getFocus(this)' value = '"+typelistid[i]+"' onClick='getCon(this);'>" + typelist[i] + "</div>"
    			}
    			//show()是显示,hide()是隐藏
    			if (html != "") {
    			$("#append").show().html(html);
    			} else {
    			$("#append").hide().html("");
    			}
    		}
    	}) 
     	 $("#kw").blur(function(){
     		 setTimeout(function(){
     			$("#append").hide().html("");
     		 },200)
    	})
    $(document).keydown(function(e) {
    e = e || window.event;
    var keycode = e.which ? e.which : e.keyCode;
    if (keycode == 38) {
    if (jQuery.trim($("#append").html()) == "") {
    return;
    }
    movePrev();
    } else if (keycode == 40) {
    if (jQuery.trim($("#append").html()) == "") {
    return;
    }
    $("#kw").blur();
    if ($(".item").hasClass("addbg")) {
    moveNext();
    } else {
    $(".item").removeClass('addbg').eq(0).addClass('addbg');
    }
    } else if (keycode == 13) {
    dojob();
    }
    });
    var movePrev = function() {
    $("#kw").blur();
    var index = $(".addbg").prevAll().length;
    if (index == 0) {
    $(".item").removeClass('addbg').eq($(".item").length - 1).addClass('addbg');
    } else {
    $(".item").removeClass('addbg').eq(index - 1).addClass('addbg');
    }
    }
    var moveNext = function() {
    var index = $(".addbg").prevAll().length;
    if (index == $(".item").length - 1) {
    $(".item").removeClass('addbg').eq(0).addClass('addbg');
    } else {
    $(".item").removeClass('addbg').eq(index + 1).addClass('addbg');
    }
    }
    var dojob = function() {
    $("#kw").blur();
    var value = $(".addbg").text();
    $("#kw").val(value);
    $("#append").hide().html("");
    }
    });
    
    
    function getContent(obj) {
    var kw = jQuery.trim($(obj).val());
    
    if (kw == "") {
    $("#append").hide().html("");
    return false;
    } 
    var html = "";
    
    for (var i = 0; i < typelist.length; i++) {
    if (typelist[i].indexOf(kw) >= 0) {
    html = html + "<div class='item' οnmοuseenter='getFocus(this)' value = '"+typelistid[i]+"' onClick='getCon(this);'>" + typelist[i] + "</div>"
    }
    }
    if (html != "") {
    $("#append").show().html(html);
    } else {
    $("#append").hide().html("");
    }
    }
    function getFocus(obj) {
    $(".item").removeClass("addbg");
    $(obj).addClass("addbg");
    }
    function getCon(obj) {
    	var id =  $(obj).attr("value");
    	//将ID值赋给自定义属性valu
    	$("#kw").attr("valu",id);
    	var value = $(obj).text();
    	$("#kw").val(value);
    	$("#append").hide().html("");
    }

    2、Jsp参数定义


    3、JS 初始化的时候使用



    4、后台代码:定义两个数组来获取参数和ID值


    5、效果图


    参考的html文件下载地址:https://download.csdn.net/download/weixin_39559301/10515651


    展开全文
  • WebDirt是对Alex McLean的Dirt采样引擎(由Alex McLean设计)的重写,可以使用Web Audio API在Web浏览器中运行。 贡献者是Jamie Beverley和David Ogborn。 它是为Estuary实时编码平台(并可以在其中进行尝试)而创建...
  • 这只是一个粗略的尝试。 我希望更多有经验的用户将其提升到另一个更专业的水平。 谢谢 本地 PHP 开发环境 您可以使用 Xampp -> 轻松设置本地 php 环境 设置 Calibre 虚拟路径 如果您的 calibre 库不在 xampp/htdocs...
  • 这是一个非常粗略的性能测试,用于比较在屏幕上可视化 10k 图形元素的不同方法。 进行的测试: 响应渲染 SVG 图像 vanilla JS 渲染 2D 画布 pixi.js 渲染 WebGL 画布 我开始这是一个实验,看看我是否可以依靠 ...
  • 它是简单,静态和粗略的。 随着时间的推移,我将了解更多我想使用Web组件的方式,因此会添加更多示例代码。 我不想采用框架-我想使用来自浏览器的浏览器功能。 在某种程度上,我认为所有前端和后端框架都在研究Web...
  • Web日志挖掘是指采用数据挖掘技术,对站点用户访问Web服务器过程中产生...2、以分析Web站点性能为目标,主要从统计学的角度,对日志数据项进行粗略的统计分析,得到用户频繁访问页、单位时间的访问数、访问数量随时间分
  • 为此,我特此对比较常见的几种框架从性能、使用感受以及应用情况进行一个粗略的分析。 1 Django Django是一个开放源代码的Web应用框架,由Python写成。采用了MTV的框架模式,即模型M,模板T和视图V。它最初是被开发...
  • Python Web开发的完整指南

    千次阅读 多人点赞 2020-11-06 09:23:15
    尽管不可能精确地指出一个确切的术语,但是 Web 开发可以粗略地定义为构建、创建和维护一个网站。通常,Web 开发涉及一个前端,与客户端交互的所有内容,以及一个后端,包含业务逻辑并与数据库交互。前端涉及 html、...

    博客:https://somenzz.cn,电脑阅读更方便,阅读原文可访问文中的链接。

    学了 Python 这么长时间了,终究觉得编程语言仅仅是个工具,要想通过技术实现自己的价值,终究离不开具体的应用场景,而应用场景繁多,我们的时间和精力都是有限的,不可能什么都能学好,必须做出选择,就像打游戏时选择英雄的职业,是法师还是打野,只能选择一个,一旦选好,游戏结束前不可更改。

    编程也是一样,选择一个方向,勤学苦练,深入下去,不要轻易改变。对于 Python,主要的应用领域有 5 大类,自动化测试或运维,爬虫,数据分析,Web 开发,机器学习或人工智能,这几个领域的入门难度从自动化到机器学习也是从易到难,尤其是机器学习,对 Python 的要求并不高,反而是数学及算法要精通。

    相信每个人都有自己的职业选择,今天来分享下使用 Python 从事 Web 开发的完整指南,主要有以下内容:

    1.什么是 Web 开发?2.为什么 Python 适合 Web 开发?3.有哪些流行的 Python Web 框架?4.有哪些用于 Web 开发的 Python 库?5.Web 开发学习路线图6.用 Python 创建第一个 Web 应用程序7.成为 Python Web 开发人员

    1、什么是网站开发?

    对于那些刚接触编程的人,可能想知道到底什么是 Web 开发。尽管不可能精确地指出一个确切的术语,但是 Web 开发可以粗略地定义为构建、创建和维护一个网站。通常,Web 开发涉及一个前端,与客户端交互的所有内容,以及一个后端,包含业务逻辑并与数据库交互。前端涉及 html、css、javascript 和由此衍生出的库及框架,如 Angular、React、Vue,可谓学无止境。后端可以有很多语言实现,这里就是 Python 了,也有非常丰富的框架,后面会提到。

    2、为什么 Python 适合 Web 开发?

    一是易于学习:Python 是初学者最流行的语言,与 Java 和 C ++ 等其他语言相比,你可以编写更少的代码,减少出错,从而提升效率。不仅如此,它还具有较低的进入门槛,因为它与日常语言相对更相似,可以轻松地理解代码。

    二是具有丰富的生态系统和库:Python 提供了广泛的库工具和包,可以访问许多预先编写的代码,从而缩短了应用程序的开发时间。例如,你可以使用Numpy 和 Pandas 进行数学分析,使用 Pygal 进行图表分析,并使用 SLQALchemy 进行可组合查询。Python 还提供了惊人的 Web 框架,例如Django 和 Flask,后面部分深入探讨。

    三是快速原型制作:与其他编程语言相比,Python 可以节省大量的时间来构建项目,你的想法可以更快地实现,从而可以更快的获得反馈并快速迭代。这种高效的开发使 Python 特别适合那些可以更快进入市场以获得竞争优势的创业公司。

    四是广泛流行:Python 是世界上最受欢迎的语言之一,拥有来自世界各地的社区贡献,几乎所有的技术问题通过搜索引擎都可以很快找到解决方案。Python 本身也在不断更新以提供新功能和库,同时还提供了出色的文档和社区支持。特别是对于新开发人员,Python 提供了广泛的支持和框架。

    3、有哪些流行的 Python Web 框架?

    什么是 Web 框架,为什么如此重要?可以把 Web 框架想象成一个工具箱。一个 Web 框架是预先写好的,由标准化的代码组成,为编写 Web 应用程序服务,目的是为了使开发更快、更容易,包装和模块的集合,使 web 应用程序更加可靠,更容易扩展。换句话说,框架让你不必做繁琐的工作。

    Python Web 框架仅在后端用于服务器端技术,用在 URL 路由,HTTP 请求和响应,访问数据库以及 Web 安全。虽然不一定非要使用 Web 框架,但强烈建议您使用它,因为它可以帮助你用更少的时间开发更复杂的应用程序。

    那么有哪些流行的 Python Web 框架呢?

    1、Django

    为了在更短的时间内创建复杂、高质量的 web 应用,很多 web 开发人员会首选 Django 框架。Django 提供了一个开放源代码的高级框架,鼓励快速开发和简洁实用的设计,同时还提供了强大的社区支持和详细的文档。Django 与时俱进,根据 web 开发的趋势相对地更新其功能。Django 的特色如下:

    •开放源代码•全栈框架(一条龙服务,完整的解决方案)•权限认证•URL 路由•模版引擎•DRY ( don’t repeat yourself) 设计模式•ORM 映射•数据库架构支持,支持 PostgreSQL, MySQL , SQLite, Oracle•遵循 MVC 设计架构

    官方文档是最好的教程,可以从零开始构建第一个程序。Django 非常灵活,您可以与大型公司的 MVP 合作,使用 Django 的一些最大的公司是Instagram,Dropbox,Pinterest 和 Spotify。

    2、Flask

    Flask 被认为是一个微框架,是一个简约的 Web 框架。它不那么“包含电池”,这意味着它缺少像 Django 这样的全栈框架提供的许多特性和功能,例如 Web 模板引擎,帐户授权和身份验证。其主要特色如下:

    •一个轻量级、微框架•学习成本相对较低,入门快•支持 JinJa2 模版引擎•继Django模板语言之后的现代模板语言

    Flask 极简且轻巧,这意味着您可以在编写代码时添加所需的扩展和库。Flask背后的理念是,它仅提供构建应用程序所需的组件,因此开发人员具有很大的灵活性和控制力。Flask 还是一种流行且功能强大的 Web 框架,已被 Netflix,Linkedin 和 Uber 等大公司使用。

    3、Bottle

    它被普遍称为小型微框架。它主要关注 Web API,并尝试将所有内容捆绑在一个文档中,除了 Python 标准库外,它没有依赖项。Bottle 的特色如下:

    •微框架•单一源文件最初是用于构建api的,这意味着所有内容都在一个源文件中。•URL路由。•模板引擎。•实用程序。•WSGI标准上的抽象。

    Bottle 非常适合用于原型设计,学习 Web 框架的组织以及构建简单的个人应用程序。

    4、CherryPy

    CherryPy 是一个内嵌多链服务器的流行框架,包含服务器池、安装框架和模块框架。其特色是:

    •开源极简主义•一次运行多个 htpp 服务器•强大的配置和灵活的插件系统•内建对概要分析,覆盖和测试的支持

    5、Pyramid

    Pyramid 是 Pylon 项目的一部分;它是 Python 语言中最灵活的框架之一。该框架允许开发人员选择任何东西如:DBMS,URL 结构,模板样式等等。

    6、Web2Py

    Web2Py 允许调试器和代码编辑器通过部署工具来编辑代码和调试代码。它使开发人员能够通过 Web 浏览器开发,修改,部署和管理Web应用程序。

    每年都可能会有新的框架、或已有框架推出新特性,作为开发者应该使用哪个?

    到目前为止,Django 是最受欢迎的框架,其次是 Flask,如果你不知道怎么选就从这两者中选择一个吧。

    你可能还会问:我应该选择 Django 还是 Flask?答案是,这取决于 Web 开发人员的技能水平。如果很有经验,请考虑使用更多的“准系统”来开发程序。而如果您是初级开发人员,则最好使用提供更多支持(例如 Django)的框架。

    另外,问问自己,是希望使用基础代码库进行构建还是希望灵活地构建代码库的主干?如果是前者请使用 Django;如果是后者,请选择 Flask。归根结底,他们俩都可以实现相同的功能,更重要的是开始编码,而不是为哪种框架更好而烦恼。

    4、有哪些用于 Web 开发的 Python 库?

    如果需要 Web 爬虫为你的应用程序提取数据,Scrapy 非常适合。它是用于抓取,数据挖掘,自动化测试等的广泛使用的库。

    Zappa 是一个功能强大的库,用于在AWS Lambda 上开发无服务器应用程序。

    Requests 库可可以轻松发送 HTTP 请求,用于与应用程序进行通信,获取 HTML 页面数据。

    另一个有用的库是 Dash,它可以帮助开发与数据可视化有关的 Web 应用程序。它基于 Flask 构建,提供诸如图表,图形,仪表板等功能。

    5、Web 开发学习路线图

    步骤 1:基础知识储备

    首先,前端的三个最基本的东西 HTML 5、CSS 3 和 JavaScript(ES6)是必须要学好的。这其中有很多很多的技术,比如,CSS 3 引申出来的 Canvas(位图)、SVG(矢量图) 和 WebGL(3D 图),以及 CSS 的各种图形变换可以让你做出非常丰富的渲染效果和动画效果。ES6 简直就是把 JavaScript 带到了一个新的台阶,JavaScript 语言的强大,大大释放了前端开发人员的生产力,让前端得以开发更为复杂的代码和程序

    •JavaScript 的核心原理•浏览器的工作原理•HTTP 协议:HTTP/2,短连接、长连接、Stream连接、WebSocket

    步骤 2: 前端框架及性能调优

    目前而言,前端社区有三大框架 Angular.js、React.js 和 Vue.js。React 和 Vue 更为强大,新手可以从 Vue 开始学习。

    前端性能优化方面可以看以下几本书籍:

    Web Performance in Action ,是一本很不错的书,其中有 CSS、图片、字体、JavaScript 性能调优等。

    Designing for Performance ,讲了很多网页优化的技术和相关的工具,可以让你对整体网页性能优化有所了解。

    High Performance JavaScript 让你了解如何提升各方面的性能,包括代码的加载、运行、DOM 交互、页面生存周期等。雅虎的前端工程师尼古拉斯·扎卡斯(Nicholas C. Zakas)和其他五位 JavaScript 专家介绍了页面代码加载的最佳方法和编程技巧,来帮助你编写更为高效和快速的代码。

    步骤 3:后端技能学习

    首先是服务器相关的协议,诸如 WSGI,ASGI 协议的了解,其次前面提到的Python 相关的 Web 框架,还包括一些 API 框架,如:Django REST Framework、FastAPI、Flask REST frameworks 等等。

    此外还要学习数据库相关的知识,SQL 语言,数据库相关的查询优化也是不可或缺的。

    最后服务端部署的相关技术学习,包括 nginx、uwsgi、gunicorn、https 协议等。

    6、 用 Python 创建第一个 Web 应用程序

    使用 Flask 创建第一个 HelloWorld 的 Web 应用程序,首先安装 Flask。

    pip install flask

    创建一个 hello.py 文件,写入以下内容:

    from flask import Flask
    app = Flask(__name__)
    
    
    @app.route("/")
        def hello():
            return "Hello World!"
    
    
    if __name__ == "__main__":
        app.run()
    

    代码很简单,就不解释了,执行python hello.py,然后访问 http://locahost:5000/, 就可以看到一个显示 "Hello World!" 字样的网页。

    7、选择成一个 Python Web 开发人员

    恭喜!您正在逐步成为一名熟练使用 Python 的 Web 开发人员。现在应该对如何用 Python 进行 Web 开发有了一个很好的了解,这种了解,将在 Web 开发学习的道路上不迷茫。

    小结

    Python 进行 Web 开发主要是后端开发,而后端语言有很多选择,诸如 Java,GoLang。前端知识是绕不开 html,css,javascript,因此前端知识是必须掌握的,后端这块可以从 Python 入门,熟练之后有余力再深入掌握其他后端语言。

    展开全文
  • 【前端】一、web技术基础

    千次阅读 2021-07-26 14:55:11
    放在最前:很长一段时间没有更新了,因为我暂时...1.1 Internet和web技术的基本概念 1.1.1 Internet和web技术的基本概念 1.1.2 web技术的概念 1.2 web技术的主要组成 1.2.1本地计算机和远程服务器 1.2.2静态页..

    放在最前:很长一段时间没有更新了,因为我暂时没有在做UIpath那家公司继续干下去了,然后又有做毕设、找工作种种事务,就耽搁了。然后我现在又加入了一家公司做前端,所以以后会经常更新一些前端的内容,我也是个菜鸟,希望大家一起学习一起进步!(我写着写着发现概念太多了,所以不放在一起了,做成系列文章,慢慢看)


    文章目录

    目录

    一、Web技术基础

    1.1 Internet和web技术的基本概念

    1.1.1 Internet和web技术的基本概念

    1.1.2 web技术的概念

    1.2 web技术的主要组成

    1.2.1 本地计算机和远程服务器

    1.2.2 静态页面和动态页面

    1.2.3 web应用程序的工作原理

    1.2.4 常用的web开发技术

    1.3 web浏览器与服务器的基本概念和工作原理

    1.3.1 web浏览器的基本概念

    1.3.2 web浏览器的工作原理:

    1.3.3 web服务器的基本概念

    1.3.4 web基本架构

    1.3.5 web技术的发展历史

    1.4 web应用开发构架和开发技术

    web应用架构可以划分为两大子系统:前端子系统和后台子系统

    1.5 TCP/IP协议(并不是大纲内容,主要用于了解)

    1.5.1 TCP/IP 基础知识

    1.5.2 TCP/IP 协议

    第一章练习题

    教程链接

    前言

    本文会记录web技术最基础的知识,具体框架是根据二级web考试大纲所写。文章内容是教程+自己的扩展,内容很多,大家根据自己的需求去选择,如有错误可以告诉我我会及时改正。


    一、Web技术基础

    1.1 Internet和web技术的基本概念

    1.1.1 Internetweb技术的基本概念

    • Internet(因特网),全球性的计算互联网络”信息共享“。
    • 因特网(Internet)是一组全球信息资源的总汇。有一种粗略的说法,认为INTERNET是由于许多小的网络(子网)互联而成的一个逻辑网,每个子网中连接着若干台计算机(主机)。
    • Internet以项目交流信息资源为目的,基于一些共同的协议,并通过许多路由器和公共互联网而成,它是一个信息资源和资源共享的集合。

    1.1.2 web技术的概念

    • web的本意是蜘蛛网和网的意思,在网页设计中我们称为网页的意思。现广泛译作网络、互联网等技术领域。
    • 表现为三种形式,即超文本(hypertext)、超媒体(超文本,图片,视频)(hypermedia)、超文本传输协议(HTTP)等,简单的讲就是把各种类型的信息和服务无缝连接,提供生动的图形用户界面
    • web技术指的是开发互联网应用的技术总称,一般包括web服务端技术web客户端技术
    • 两者间的关系:
      • web是Internet上最流行的应用之一,Internet为web提供了网络运行环境       
      • ​​​​​​web的出现极大地推动了Internet的普及和推广

    1.2 web技术的主要组成

    1.2.1 本地计算机和远程服务器

    • 本地计算机:用户自己浏览站点的本地机器
    • 远程服务器:为客户端(用户)计算机提供各种服务的高性能计算机,主要功能是接受客户浏览器发送的请求,分析请求,并给予响应,相应的结果发送给客户端的浏览器。

    1.2.2 静态页面和动态页面

    • 静态页面:HTML页面文件,所有的代码都在网页中,不需要执行动态程序(访问数据库)来生成客户想要的网页
    • 动态页面:页面的内容是动态交互的,可以根据系统的设置显示不同的页面。因为随着网站的数据量日益庞大,人们对站点的要求越来越高,希望有更快的速度,更加高效的访问查找,所以动态网页技术便应运而生。
    • 现实中常用的动态网页开发技术有ASPJSPPHP.NET

    1.2.3 web应用程序的工作原理

    浏览器的访问过程如下(用户想要访问网页,需要先获取网站首页的站点信息):

    1. 浏览器地址栏输入想要访问网站首页的地址
    2. 用户向浏览器发送访问首页的请求
    3. 服务器收取客户端的访问请求
    4. 服务器处理请求(若首页动态文档需要经过数据处理再返回,若为静态文档直接返回该文档即可)
    5. 服务器将请求的处理结果在客户端的浏览器显示

    1.2.4 常用的web开发技术

    • 静态web开发技术(浏览器技术)

            html静态网页开发技术(超文本标记语言)

            xml意为可扩展的标记语言,它是一种显示数据的标记语言,能够使数据无障碍的进行传输,并显示在用户的浏览器上。

    • 动态web开发技术(服务器技术)

            ASP,ASP.net ,PHP,JSP

    1.3 web浏览器与服务器的基本概念和工作原理

    1.3.1 web浏览器的基本概念

    • 浏览器的含义:它是一个软件。浏览器是指运行在用户的机器上来展现和浏览来自web服务器或者本地文件系统中HTML页面,并让用户和这些页面交互的一种客户机软件。
    • PC端常见的浏览器:internet Explorer(微软);Firefox(火狐);Opera;Chrome;Safari;360浏览器;搜狗浏览器等
    • 手机端常见的浏览器:uc浏览器;Safari;QQ浏览器;百度浏览器;360浏览器;

            其中Chrome浏览器占据了最高的市场份额。

    1.3.2 web浏览器的工作原理:

            浏览器主要通过HTTP协议web服务器交互并获取网页,这些网页由URL(网址)指定,文件格式通常为HTML。

    1.3.3 web服务器的基本概念

    web服务器含义:提供web服务的服务器

    常见的web服务器有:window平台下IIS(ASP技术),Apache(PHP技术),Tomcat(JSP技术)等

    1.3.4 web基本架构

    • C/S的含义:Client/Server。服务器安装高性能pc、工作站、并采用大型数据库系统。客户机安装专用的客户机端软件、服务器安装专门的服务器软件。
    • B/S的含义:Browser/Server。客户机仅仅安装一个浏览器。服务器安装IIS或者Apache、或者数据库。目前常用。
    • 三层架构:含义是在客户机端浏览器与数据库中间加入了一个中间层。分类:系统部署三层结构和软件开发三层结构。

    1.3.5 web技术的发展历史

    发展三个阶段:静态文档、动态网页(交互)、web2.0(每个人都是主角)

    1.4 web应用开发构架和开发技术

    web应用架构可以划分为两大子系统:前端子系统和后台子系统

    前端子系统:

    1.基础技术:Html/CSS/Javascript

    2.开发框架:Jquery,Extis,flex等;

    后台子系统:

    1.基础技术:Java Servlet;

    2.开发框架:Struts,Spring,Hibernate,ibatis等;

    3.应用服务器:Tomcat/Jetty

    1.5 TCP/IP协议(并不是大纲内容,主要用于了解)

    1.5.1 TCP/IP 基础知识

    1.TCP/IP基础

    TCP/IP :传输控制协议/网络协议(Transmission Control Protocol / Internet Protocol)

    TCP/IP是用于Internet的通信协议

    (计算机通信协议:对那些计算机必须遵守以便彼此通信的规则的描述)

    定义了电子设备(比如计算机)如何连入因特网,以及数据如何在它们之间传输的标准。

    2.TCP/IP的具体内容

    TCP:用于应用程序之间的通信,这个请求必须被送到一个确切的地址,同时建立的是全双工通信

    IP:用于计算机之间的通信,是无连接的通信协议。IP负责将每个包路由至它的目的地。每一个计算机必须有一个IP地址才能接入Internet,每个IP包必须有一个地址才能够发送到另一台计算机。

    TCP/IP:指两者协同工作

            TCP负责应用软件(浏览器)和网络软件之间的通信,IP负责计算机之间的通信。

            TCP负责将数据分割并装入IP包,然后再到达后重新组合它们,IP负责将包发送至接受者。

    TCP/IP 使用 32 个比特或者4个0到255之间的数字来为计算机编址。

    1.5.2 TCP/IP 协议

    TCP/IP是不同的通信协议的大集合

    协议具体作用
    TCP - 传输控制协议(应用程序之间通信)

    TCP用于从应用程序到网络的数据传输控制

    TCP负责在数据传送之前将它们分割为IP包,然后在它们到达的时候将它们重组

    IP - 网络协议(计算机之间通信)

    IP负责计算机之间的通信

    IP负责在因特网上发送和接收数据包

    HTTP - 超文本传输协议

    HTTP负责web服务器与web浏览器之间的通信

    HTTP用于从web客户端向web服务器发送请求,并从web服务器向web客户端返回内容(网页)

    HTTPS - 安全的HTTP

    HTTPS负责在web服务器和web浏览器之间的安全通信

    作为有代表性的应用,HTTPS会用于处理信用卡交易和其他的敏感数据

    SSL - 安全套接字层SSL协议用于为安全数据传输加密数据
    SMTP - 简易邮件传输协议SMTP用于电子邮件的传输
    MIME - 多用途因特网邮件扩展

    MIME协议使SMTP有能力通过TCP/IP网络传输多媒体文件,包括声音、视频和二进制数据

    IMAP - 因特网消息访问协议IMAP用于存储和取回电子邮件
    POP - 邮局协议POP用于从电子邮件服务器向个人电脑下载电子邮件
    FTP - 文件传输协议FTP负责计算机之间的文件传输
    NTP - 网络时间协议NTP用于在计算机之间同步时间(钟)
    DHCP - 动态主机配置协议(针对动态寻址)DHCP用于向网络中的计算机分配动态IP地址
    SNMP - 简单网络管理协议SNMP用于计算机网络的管理
    LDAP - 轻量级的目录访问协议LDAP用于从因特网搜集关于用户和电子邮件地址的信息
    ICMP - 因特网消息控制协议(针对错误和状态)ICMP负责网络中的错误处理
    ARP - Address Resolution ProtocolARP用于通过IP来查找基于IP地址的计算机网卡的硬件地址
    RARP - ReverseRARP用于通过IP来查找基于硬件地址的计算机网卡的IP地址
    BOOTP - Boot ProtocolBOOTP用于从网络启动计算机
    PPTP - 点对点隧道协议PPTP用于私人网络之间的链接(隧道)

    第一章练习题

    很多题都是基础定义,了解一下。

    题目答案
    FTP协议的定义是:文件传输协议(最早的协议)

    Http协议的定义是:

    超文本传输协议,基于C/S模型
    HTML的定义是:一种超文本标记的页面描述语言
    WWW的定义是:World Wide Web(环球信息网),简称Web,又叫万维网。是基于C/S方式的信息发现技术和超文本技术的综合。
    IP的定义是:Internet Protocol(网络互联协议),是TCP/IP体系中的网际层协议。为主机提供一种无连接、不可靠的、尽力而为的数据包传输服务。
    IP地址的定义是:Internet Protocol Address(网络协议地址),是IP协议提供的一种统一的地址格式,为互联网上的每一个网络和每一台主机分配一个逻辑地址,以此来屏蔽物理地址差异。
    DNS的定义是:Domain Name System(域名系统),由解析器和域名服务器组成,可以将域名和IP地址相互映射的以层次结构分布的数据库系统。
    Https与Http比较:是更安全的协议
    Internet使用的网络协议Tcp/IP协议
    浏览器中用于负责向用户显示数据的是:HTML
    Web与Internet的关系:

    Web是基于Internet之上的一个应用服务

    Internet为Web提供了网络运行环境

    目前在Internet上应用最为广泛的服务是:Web服务
    用于在Web浏览器和服务器之间传输Web文档的是:HTTP协议
    属于客户机端脚本语言的是(前端):VBScript,JavaScript
    默认的Web服务器端口:80
    利用ASP.NET开发的网页,其文件扩展名是:.aspx
    Web的工作模式:B/S  -- 从浏览器到服务器
    域名系统能够实现:把域名转换为IP地址




    教程链接:

    1. https://www.bilibili.com/video/BV1ua411F7Px?p=7
    2. https://www.w3school.com.cn/tcpip/tcpip_intro.asp
    展开全文
  • Web界面实现数据库增删改查过程

    千次阅读 2021-02-05 00:34:59
    查找:(1)输入要查询的信息,进行粗略和精确查询,将输入的内容通过Form表格传值给Servlet;(2)Servlet中查询search方法调用dao层的查询search方法,在数据库中进行模糊或者精确查询,将查询到的信息装在List...

    实现方法:JSP+Servlet+JavaBean

    基本实现思想:jsp文件为显示界面,包括增删改查四个界面,然后使用form或者href超链接的方法将网页获得的值传到Servlet中的方法里;而servlet方法中调用dao层里面的包括增删改查等方法的对象,以此实现对数据库里面的数据的增删改查,最后返回页面输出操作的结果。

    具体实现步骤:

    首先使用操作数据库软件(Navicat),新建数据库,建立好自己所用的表中包括的内容,然后按照以下步骤编写代码,实现操作。

    1.建立DB包,DB类方法中包括的是连接数据库的方法,并实现数据库关闭的方法;

    2.建立JavaBean包,里面的course类定义将要操作的对象以及其相关属性以及get、set方法;

    3.建立dao层的包,在dao包里实现数据库的增删改查的方法,使用SQL语句实现,运用数据库语言,这是本次实验最重要的一个包,也是实验实现的关键。

    4.建立Servlet包,新建servlet,里面包括两大部分,第一是接受来自JSP界面的相关参数,收集参数,传到dao层操作。第二大部分是将dao层传回来的操作结果返回至JSP界面进行显示。以此利用servlet来实现界面的交互跳转操作。

    (工程实现时,可以再建立一个service包,实现dao中方法封装的功能)

    5.建立一系列jsp文件,实现操作要求,功能如下:

    首页:包括四个不同功能(课程添加、删除、查询、修改),利用href超链接跳转到四个不同的界面实现功能。

    增加:(1)在add.JSP页面中的Form表格中输入要添加的相应的信息,通过Form表格的提交按钮将输入框Input中的内容和值(该值确定调用Servlet中的add方法)传给Servlet;(2)在Servlet中调用dao层中的add方法,dao层中的add方法;(3)通过DB层获取与数据库的连接,实现数据库的添加;(4)返回操作结果给Servlet的add方法,由Servlet中的add方法判断输出添加成功的JSP信息页面

    删除:(1)输入要删除的课程名称,然后传值到Servlet中;(2)在Servlet中通过调用dao层的查询方法,在数据库中查找是否存在此课程,若存在,将课程全部信息存入List中传给Servlet,Servlet在用JSP文件显示该课程全部信息;(3)用户确定是否要删除,若要删除则继续传值给Servlet,调用Servlet中的删除del方法,该方法调用Dao层的del函数,实现数据库中的数据的删除;(4)操作结果返回至Servlet中,在Servlet中判断输出一个JSP结果页面。

    修改:(1)显示全部的数据,点击要修改的一组数据,传值(此值为要修改的id )给Servlet;(2)Servlet中调用dao层的update修改方法,update方法修改数据库中数据;(3)操作结果返回至Servlet中,JSP弹出操作结果。

    查找:(1)输入要查询的信息,进行粗略和精确查询,将输入的内容通过Form表格传值给Servlet;(2)Servlet中查询search方法调用dao层的查询search方法,在数据库中进行模糊或者精确查询,将查询到的信息装在List中传给Servlet;(3)JSP返回最终查询的信息。

    除此之外,可以添加细节,来完善程序,对输入框中输入的信息要进行判断,通过Form表格进行onsubmit的判断,判断输入的内容是否合理,是否为空。

    展开全文
  • Spring Web Flow实例教程

    千次阅读 2015-12-11 15:51:43
    配置 Spring Web MVC配置 Spring Web Flow 2.0 的基础在购物车示例应用中配置 Spring Web Flow用 Unified EL 实现业务逻辑用 subflow 实现添加商品到购物车功能global transition 简介 1.参考文献 参考1:http://
  • Web技术发展历程

    千次阅读 2019-04-08 18:10:02
    Web 开发技术的发展可以粗略划分成以下几个阶段: 静态内容阶段 在这个最初的阶段,使用 Web 的主要是一些研究机构。Web 由大量的静态 HTML 文档组成,其中大多是一些学术论文。Web 服务器可以被看作是支持超文本的...
  • 最新移动端web开发总结

    千次阅读 2019-04-23 19:15:46
    用户要求越来越高,网站功能越来越好,效果越来越炫酷,这就要求我们产品质量越来越高,web前端开发而言是一个挑战,是一个难题,也是一个机遇。如何让我们所开发的手机页面能有更好的交互体验,就是这篇文章的主旨...
  • web100打开可以看到只有一个很干净的zip文件下载(忍不住扫了一下目录,也bp看了一下,,没啥发现) 回到下载,解开压缩版,web100,无后缀名,个人的经验是不急着加后缀名啥的,直接用记事本直接打开 可得代码...
  • 那么首先就要有能力去网上识别出相应的Web组件,如用户输入关键词:Discuz X3.0,我就要显示出相应版本的内容才OK。作为识别子程序,我这里暂且分享一下识别Web组件的思路。 我是从浅谈web指纹识别技术一文中找到的...
  • Spring Web Flow

    千次阅读 2016-09-27 16:16:12
    开始之前关于本教程本教程通过一个简化的购物车应用,介绍了如何使用 Spring Web Flow 2.0 来构建 Web 应用程序。本教程以讲解实例为主,为了读者更好地理解 Spring Web Flow ,也有部分理论的解释。先决条件本教程...
  • Irydium是一套工具,旨在使人们可以使用Web技术创建交互式演示文稿。 对于来自环境的人,它会感到很熟悉,但它更侧重于可再现的表示。 输入过程是markdown文档(使用Markdown的风格)。 最终产品被设计为一个独立...
  • 自己动手写web框架----1

    千次阅读 2015-04-30 17:28:36
    本文可作为自己动手写struts–构建基于MVC的Web开发框架>>一书的读书笔记。 一个符合Model 2规范的web框架的架构图应该如下: Controller层的Servlet就是一个全局的大管家,它判断各个请求由谁去处理。 而各个...
  • web与internet的区别

    千次阅读 2017-10-10 20:32:42
    刚刚接触web,看了关于web的课程。发现到最后还是不太明白web到底是什么?而且有点区分不清楚web和internet。本来打算写web概述,后来还是决定写一下web和internet的区别,方便自己理解。虽然两者的中文翻译都是网络...
  • 随着互联网系统发展的逐步完善,提高系统的qps[每秒查询率QPS是对一个特定的查询服务器在规定时间内所处理流量多少的衡量标准]。,目前的绝大部分系统都增加了缓存机制从而避免请求过多的直接与数据库操作从而造成...
  • ctf-攻防世界-webWeb_php_include

    千次阅读 2021-11-15 22:38:26
    (需要补的知识有点多,待我学会慢慢填,先粗略写一下) 先放一个关于php伪协议的知识点: [WEB安全]PHP伪协议总结 - 肖洋肖恩、 - 博客园 打开环境,看到这样一段代码: php小白粗略地进行一下代码审计,有问题的话...
  • 最全面的web程序设计知识点总结

    千次阅读 2021-03-17 21:37:14
    1.1 Internet的基本概念1.2 Web技术的基本概念1.3 Web技术的主要组成1.3 Web浏览器与服务器的基本概念和工作组成1.4 Web应用开发构架和开发技术二、HTTP协议基础2.1 HTTP的基本概念与交互模型2.2 HTTP消息格式2.3 ...
  • web前端开发和后端开发哪个好?

    千次阅读 2021-01-08 18:31:54
    总之,粗略地谈,前端入门容易,岗位需求量大,竞争激烈;后端入门难,但工作相对稳定,发展前景好,多为企业核心人员。 最后我的观点是:前端也好,后端也好,任何行业都需要你付出很多的努力,方能有很好的前景。
  • 计算机二级web考点(2021)

    千次阅读 多人点赞 2021-03-20 11:27:35
    计算机二级web考点一、Web技术基础;一、 Internet的基本概念二 、WEB技术的主要组成二 HTTP协议基础一、HTTP的基本概念二、HTTP是一个无状态的协议。三、HTTP消息格式四、HTTP请求消息五、HTTP常用请求方法六、HTTP...
  • Airo Web Security-crx插件

    2021-03-21 02:42:48
    Airo通过防止攻击,使您远离粗略的站点,监视下载以及阻止不需要的站点,来确保浏览安全和个人数据的安全 Airo由经验丰富的专业人士团队创建,其任务是保护Mac用户和在线用户免受偷偷摸摸的在线诈骗的侵害。我们识别...
  • TS Hosting Panel和DirectAdmin之间的功能的粗略比较: 权限等级 特征 TS面板 DirectAdmin 服务器管理 管理员 创建管理员 :white_heavy_check_mark: :white_heavy_check_mark: 管理员 列出管理员 :white_...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 22,098
精华内容 8,839
关键字:

web粗略查询