在本文中,我们将详细介绍利用ASP开发Web应用的各个方面,并为您提供关于asp技术开发web应用程序的基本流程的相关解答,同时,我们也将为您带来关于AngularJS开发Web应用程序、angula
在本文中,我们将详细介绍利用ASP开发Web应用的各个方面,并为您提供关于asp技术开发web应用程序的基本流程的相关解答,同时,我们也将为您带来关于Angular JS 开发Web应用程序、angularjs怎么开发web应用?angularjs开发web应用实例、asp.net – Alpha Five Version 10如何开发Web应用程序、eclipse开发web应用的有用知识。
本文目录一览:- 利用ASP开发Web应用(asp技术开发web应用程序的基本流程)
- Angular JS 开发Web应用程序
- angularjs怎么开发web应用?angularjs开发web应用实例
- asp.net – Alpha Five Version 10如何开发Web应用程序
- eclipse开发web应用
利用ASP开发Web应用(asp技术开发web应用程序的基本流程)
通常情况下,用户通过浏览器看到的网页大多是静态的,而随着Web 应用的发展,用户希望能够看到根据要求而动态生成的主页,例如响应用户查询数据库的要求、生成报表等。
根据用户请求生成动态主页的传统方法有CGI、ISAPI 等。CGI 是根据浏览器端的http 请求激活响应进程,每一个请求对应一个进程。当同时有很多请求时,程序挤占系统资源,造成效率低下;ISAPI 针对这一缺点进行改进,利用dll(动态链接库)技术,以线程代替进程,提高了性能和速度,但要考虑线程的同步问题,而且开发步骤烦琐。这两种技术和另一普遍使用的开发动态网页的技术Java 都还存在着另外一个问题,那就是开发困难,程序的开发和HTML 写作是两个完全不同的过程,需要专门的程序员开发。而较简单的开发技术如JavaScript 和IDC(Internet Database Connector) 等功能有限,不敷使用。
ASP 即ActiveX Server Page,是微软公司的新一代开发动态网页的技术,具有开发简单、功能强大等优点,可以非常直观简易地实现复杂的Web 应用。本文将介绍ASP 的基本概念、特点、开发要素,并通过两个典型的例子介绍利用ASP 开发Web 应用的具体实现。
ASP 概念和工作流程
ASP 是一个Web 服务器端的开发环境,利用它可以产生和运行动态的、交互的、高性能的Web 服务应用程序。
ASP 属于ActiveX 技术中的Server 端技术。与常见的在Client 端实现动态主页的技术如Java applet、ActiveX Control、VB Script、JavaScript 等不同,ASP 中的命令和Script 语句都是由服务器来解释执行的,执行结果产生动态生成的Web 页面并送到浏览器;而Client 端技术的Script 命令则是由浏览器来解释执行。由于ASP 是在服务器端解释执行,开发者可以不必考虑浏览器是否支持ASP;同时由于它在服务器端执行,开发者也不必担心别人下载程序从而窃取编程逻辑。
ASP 通过后缀名为.asp 的ASP 文件来实现,一个ASP 文件相当于一个可执行文件,因此必须放在Web 服务器上有可执行权限的目录下。
当浏览器向Web Server 请求调用ASP 文件时,就启动了ASP。Web Server 开始调用ASP,将被请求的.asp 文件从头读到底,执行每一个命令,然后动态生成一个HTML 页面并送到浏览器。ASP 文件的制作和HTML 类似,且和HTML 开发集成,可以在同一个过程完成。通过ASP 内置的对象、服务器组件(Server Component)可以完成非常复杂的任务,而且用户还可以自己开发或利用别人开发的服务器组件完成专门的任务。
ASP 具有以下特征:
完全和HTML 集成;
易于生成,无需手工编译和连接;
面向对象,可扩展ActiveX Server 组件。
目前ASP 只适用于下列Web Server:
IIS 3.0 on Windows NT;
Microsoft Peer Web Server v3.0 on NT Workstation;
Microsoft Personal Web Server on Win95。
ASP 文件
1.ASP 文件制作
ASP 文件即后缀名为.asp 的文件,是一个文本文件,可以包括下列元素的任意组合:
文本(text)
HTML 标志(tags)
Script 命令
制作ASP 文件非常简单,可以用任何无格式的文本编辑工具(笔者一直使用Notepad), 也可用专门的主页开发工具和ASP 开发工具如Visual InetDev 等。请看下面的例子:
现在时间:< %= Now %> 将其存成一后缀为.asp 的文件,放在一个Web Server 指定的有执行权的目录下,链接上后,它就能把服务器的当前时间输出。要注意:asp 文件不能通过打开的方式来执行,而必须是链接,例如,假定asp 是Web Server( 主机名host) 上有执行权限的一个虚拟目录,要执行该目录下的hello.asp,调用方式应该是:
http://host/asp/hello.asp
2.ASP 语法
ASP 并不是一种语言,它只是提供一个环境来运行ASP 文件中的Script。为了顺利使用ASP,必须遵守ASP 的语法规则。ASP 的语法由下面几个元素组成:
定界符
定界符是用来界定一个标志单元的符号,如HTML 里的“<”和“>”。
同样,ASP Script 的命令和输出表达也有定界符,同text 和HTML 都不同,它的命令定界符是“< %”和“%>”。例如下面是一条赋值语句:
< %name=“Timeout”%>
ASP 使用“< %”= 和“%>”来向浏览器输出表达式,例如:
< %= name %> 将在浏览器上输出“Timeout”。
Script 标志
ASP 可以使用任何Script 语言,只要提供相应的脚本驱动(engine)即可,ASP 自身提供了VBScript 和JScript 的驱动。它缺省的Script 语言是VBScript,当然开发者也可以改变这一缺省设置,例如要改为Jscript,只需在文件开头注明< %@Language=JScript %> 即可。中的部分就是描述语言程序,和HTML 类似。不同的是在HTML 中这一部分由浏览器解释执行,在ASP 里却是由Web Server 解释执行。
可以在一个.asp 文件里使用几个不同的Script 语言,只需把每段用和括起来即可。也可以包含在浏览器端执行的Script,将描述语句注释起来,该段程序就由浏览器来解释执行。
HTML 标记:
在ASP 文件中可以包含HTML 语言的各种表达。
ASP 内建对象
ASP 提供了五个内建对象来提供更高一级的Web 功能,它们是:
Request:从使用者获取信息;
Response:将信息送给使用者;
Server:提供Web Server 工具;
Session:存储在一个Session 内使用者的信息;
Application:在一个ASP 应用内让不同使用者共享信息。
用的最多的是前三个对象。Request 和Response 是用来实现Web Server 与浏览器交互。Request 的一个重要方法是Form(),其作用是提取浏览器的用户输入信息。例如主页中有一个文本编辑框,已指定它的变量名为“name”,form 的action 为某asp 文件。下面的语句就可以取得用户填在里面的内容:
Request.Form(“name”)
显然,这避免了CGI 等方法中所需要的复杂编程。
输出要用到Response 的一个重要方法Write:
Response.Write “your message”
该语句向用户浏览器输出了一条消息。
Server 对象有两个重要方法:MapPath 和CreateObject。MapPath 用来将Web Server 的虚拟路径还原成实际路径;CreateObject 可能是最重要的一个方法,用来产生服务器组件的对象实例,详细介绍见下文。
服务器组件
通过服务器端的Script 和HTML,可以很容易地生成动态网页,但功能有限,例如不能连接服务器数据库、使用网络功能或访问服务器文件系统等。为了解决这一问题,就要用到COM 技术,即Component Object Model。几乎所有的ActiveX 技术都是以此为基础,通过COM,可以轻易地使用其它COM 组件,这种对于Web 可共享的COM 组件,就是服务器组件。一个服务器组件就相当一个对象,提供属性和方法来使用服务器资源。服务器组件可以由支持ActiveX 的任何第三方开发,ASP 本身也自带了五个服务器组件,可以直接使用,并能完成大部分服务器端的工作。
要调用服务器组件,必须先利用Server 对象中的方法CreateObject 产生服务器组件对象实例, 如下所示:
Server.CreateObject(ProgID)
这里,ProgID 指定了构件标识,构件可以是各种形式的可执行程序(DLL、EXE 等),也不必考虑它的位置,只要在Windows NT(或95)中登记注册这些程序,COM 就会在系统资料库(Registry) 里维护这些资料,同时以ProgID 方式让程序员调用。登记用regsvr32 程序,可以用RegEdit 程序来看ProgID。构件产生后,就可以使用它的方法和属性进行工作。
一般使用Server 构件的程序片段如下:
' 产生构件
Setobj = Server.CreateObject(“ProgID”)
' 使用它的方法
obj.Method
ASP 提供了5 个服务器组件,其中最重要的两个是数据库访问构件ADODB 和文件访问构件FileSystemObject,本文的例子将说明它们的使用。
对于一些特殊的需求,开发者还可以自己开发服务器构件,利用VB 或VC 可以很方便地开发出一些构件,然后登记这些构件,就可以用Server.CreateObject 来调用。另外还有许多站点上有开发好的构件供下载,只要在自己的机器上将它们登记就可以使用。
ASP 应用实例
1. 利用文件访问组件制作主页访问计数器
现在许多主页上都有一个计数器来记录该主页被访问的次数,通常计数器通过CGI 实现,开发过程比较复杂,一些非专业的程序员难以实现。而通过ASP 的文件访问组件File Access Component (Scripting.FileSystemObject),可以很方便地产生一个计数器。下面是一个例子,其原理是:根据page hits 生成计数文件,读出计数文件中的数字,再根据它动态地调出代表1、2、3 等数字的图像。其基本过程和CGI 差不多,但在送出图像时不同,CGI 是通过程序来动态生成一整幅图像,而我们的方法是将已存在于机器中的图像一张一张地调出,这样就可以制作非常精美的数字图像。其程序片段为:
< %
CountFile = Server.MapPath(“/gjy”+“/count.txt”)
‘计数文件
Set FileObj = Server.CreateObject(“Scripting.FileSystemObject”) ‘产生文件访问构件
Set Out=FileObj.OpenTextFile(CountFile,1,FALSE,FALSE) ‘打开文件
visitors = Out.ReadLine ‘读出访问记录
visitors = visitors +1 ‘加一
Length = Len(visitors) ‘该调出的图像数目
strURL=“<IMG SRC=/img/”+Mid(visitors,Length,1) +“.gif>”+strURL
Do While Length>=1
strURL=“”+strURL
Length=Length -1
Loop ‘生成图像URL
Set Out=FileObject.CreateTextFile(CountFile,TRUE,TRUE)
Out.WriteLine(visitors) ‘记录数写回
%>
< %=strURL %> ‘输出图像
注:读者可以根据自己服务器的情况设置图像文件路径。
2. 利用Data Access Component (ADODB .Connection) 访问服务器数据库
让用户通过浏览器查询服务器的后端数据库是许多Web 服务提供者必需有的服务,ASP 通过内置的ADODB 组件来实现这一功能。ADO 即Active Data Object,同DAO 和RDO 一样,属于数据库应用的COM 构件,不同的是,ADO 是专门针对Internet 和Web 开发的,并对此进行了优化。利用ADO 查询数据库的步骤是:
设置DSN
ADODB 通过ODBC 工作,因此要在ODBC 中设置DSN(数据源名)。
生成ADODB 组件实例
Set Connect=Server.CreateObject(“ADODB.Connection”)
连接数据库
利用ADODB 的成员函数Open 和先前设定的DSN 与数据库连接:
Connect.Open(“DSN=dsnname;UID=userID; PWD=password”)
执行查询
指定SQL 查询语句:
SQL= select * from tablename
执行查询:
Set RS=Connect.Execute(SQL)
显示结果
完整的程序片段:
< %
Set Connect=Server.CreateObject(“ADODB. Connection”) ‘产生组件实例
Connect.Open(“DSN=dsnname;UID=userID; PWD=password”) ‘连接数据库
SQL= select *from tablename
Set RS=Connect.Execute(SQL) ‘执行查询
%>
< %Do While Not RS.EOF %>‘显示结果
< %=RS(fieldname) %>
< %
Rs.MoveNext
Loop
%>
结论
ASP 的开发简单而直观,开发过程可以方便地和HTML 集成;利用COM 技术,还可以实现更强大更复杂的功能。
Angular JS 开发Web应用程序
1.SPA 应用程序:单页Web应用(single page web application,SPA),就是只有一张Web页面的应用。
如:网页云音乐(http://music.163.com/)
2.Angular JS的一些属性特征:
1)MVC
2)模块化
3)自动化双向数据绑定
4)指令系统(非侵入式API) (没明白是什么鬼????)
3.如果想要使用NPM的方式安装Angular.js,必须先安装node.js.
步骤:去node.js官网https://nodejs.org/en/下载——》安装(安装完后电脑上就有一个npm的命令)——》在项目的根目录下,shift+右键——》open command window here(也可以通过Windows+R打开command 命令后切换到项目根目录的路径)——》输入:npm install angular——》enter——》在最下面看到路径的时候说明就已经安装结束了。
4. NPM:node package manager,是node的一个包管理工具
angularjs怎么开发web应用?angularjs开发web应用实例
本篇文章主要的介绍了关于angularjs是如何开发一个简单的web应用的。想要知道的就赶紧来看看吧,里面详细的介绍了angularjs是如何开发web应用的。接下来我们一起来看文章吧
我们先熟悉下angularjs的实力:
目前不同类型的Web开发人员都在广泛使用AngularJS,这套卓越的框架也充分证明了自身满足各类不同需求的能力。作为一名Web开发人员,无论大家是刚刚入门的新手还是已经拥有丰富的实践经验,选择一款优秀的框架都是必要的工作前提,而AngularJS正是这样一套理想的解决方案。在使用AnguarJS的过程中,大家可以同时学习到更多与应用程序开发相关的知识以及如何构建起更出色、更具吸引力的应用成果。如果大家希望在应用程序的创建工作中采取各类最佳实践,那么AngularJS也能够带来极大的助益。总而言之,这套框架的强大功能与特性永远不会让有着应用开发需求的朋友们失望。
AngularJS拥有多项极为出彩的特性,今天我们就以一款简单的应用程序为例帮助大家了解如何对其加以运用。而在配合Firebase的情况下,我们这款简单但却具备实用性的应用能够轻松被构建完成。作为成品,开发完成的这款应用允许大家随时登入或者登录并在其上发布文章。
这是AngularJS与Firebase的介绍:
AngularJS是目前最受Web开发人员青睐的一套JavaScript MVC框架。如果大家希望创建出一款与众不同的应用,那么它绝对是各位的最佳选择——这要归功于其强大的HTML功能扩展特性。在AngularJS的帮助下,我们不再需要使用大量代码来构建应用程序,其惊人的关联性注入与绑定机制将让应用开发变得异常便捷。
在另一方面,Firebase能够为AngularJS提供出色的支持,这就免除了大家为所创建应用程序开发后端支持的烦恼。在Firebase的帮助下,我们的应用程序将能够以实时方式进行数据备份——当然,必要的API调用还是少不了的。
AngularJS本身虽然已经相当强大,但在Firebase的辅助下,我们将能够让自己的应用程序成果更上一层楼。
正文从这里开始,要注意了:
在着手利用AngularJS创建这款简单的小Web应用之前,大家首先需要下载angular-seed项目。下载完成之后,大家需要打开对应的下载目录并安装其中的关联性以实现运行。具体代码如下所示:
$ cd angular-seed $ npm install ## Install the dependencies
下一步则是利用以下代表启动节点服务器:
$ npm start ## Start the server
节点服务器启动并开始运行之后,我们需要打开浏览器并访问http://localhost:8000/app/index.html,此时其中会显示正在运行的默认应用。
接下来访问angular-seed项目文件夹下的该应用目录,应用程序的代码就保存在这里。
作为该应用程序的核心,app.js也将存放在该应用文件夹内。所有应用层级的模块与app.js内的路由都需要进行声明。
另外,大家还会在这里找到angular-seed的两个视图,即view 1与view 2。它们始终以默认形式存在。我们需要在应用文件夹中将这些视图删除。
现在开始我们要从零开始创建应用程序了:大家首先需要打开app.js并删除其中的全部已有代码。在app.js当中定义我们的应用程序路由,这要求大家使用ngRoute,AngularJS当中的模块之一。默认情况下app.js并不包含该模块,因此我们需要手动将其注入至应用程序当中从而加以使用。大家可以利用以下代码完成该AngularJS模块的添加工作:
angular.module('myApp', [ 'ngRoute' ])
ngRoute模块将带来一项重要的组件,即$routeProvider,其能够完美地对路由进行配置。我们需要使用以下代码将$routeProvider注入至angular-module的配置方法当中,从而完成路由定义:
''use strict''; angular.module('myApp', [ 'ngRoute' ]). config([''$routeProvider'', function($routeProvider) { // Routes will be here }]);
完成以上步骤后,现在我们就可以打开index.html了。将index.html当中的全部内容清除,只保留脚本引用以及div。
每一次进行路由变更时,我们都需要按照以上方法对div内容进行调整。(想学更多推荐PHP中文网,里面有你想要看的angularjs视频教程)
现在在视图当中创建符号:
我们需要在app目录当中创建一个新的文件夹并将其命名为home。在该文件夹当中,我们额外再创建两个文件夹,分别为home.js与home.html。首先打开home.html并将以下代码添加进去:
<!DOCTYPE html> <html ng-app="myApp"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <link rel="icon" href="http://www.php.cn/favicon.ico"> <title>AngularJS & Firebase Web App</title> <link href="http://www.php.cn/dist/css/bootstrap.min.css" rel="stylesheet"> <link href="http://www.php.cn/examples/signin/signin.css" rel="stylesheet"> <link href="justified-nav.css" rel="stylesheet"> </head> <body> <div> <div> <h2>AngularJS & Firebase App!</h2> </div> <form role="form"> <input type="email" placeholder="Email address" required="" autofocus=""> <input type="password" placeholder="Password" required=""> <label> <a href="#"> Sign Up</> </label> <buttontype="submit">Sign in</button> </form> </div> </body> </html>
在home.js当中,我们则需要创建一套路由机制以访问home视图。另外还需要为由home视图创建的$scope设置一套控制器。控制器永远负责控制与之对应的特定视图。具体代码如下所示:
use strict'; angular.module('myApp.home', ['ngRoute']) // Declared route .config(['$routeProvider', function($routeProvider) { $routeProvider.when('/home', { templateUrl: 'home/home.html', controller: 'HomeCtrl' }); }]) // Home controller .controller('HomeCtrl', [function() { }]);
现在应用程序已经准备就绪。打开app.js,而后将myApp.home home模块添加到该应用当中。利用$routeProvider.otherwise方法为我们的应用程序声明一套指向home视图的默认路由,具体代码如下所示:
'use strict'; angular.module('myApp', [ 'ngRoute', 'myApp.home' // Newly added home module ]). config(['$routeProvider', function($routeProvider) { // Set defualt view of our app to home $routeProvider.otherwise({ redirectTo: '/home' }); }]);
如果大家希望显示自己的home页面,则将home.js添加到该应用的主HTML模板文件当中。要完成这项操作,请打开index.html文件并湢以下代码:
<script src="home/home.js"></script>
现在一切工作已经完成,该应用随时准备加以运行了!要开始使用这款应用,我们需要重启服务器并将自己的浏览器指向http://localhost:8000/app/index.html以访问登入页面,在这里大家可以实现对该应用程序的访问。
如果大家需要使用Firebase(具体理由如前文所述),则需要首先创建一个Firebase账户。在账户创建完成后,我们将屏幕上所显示的已创建应用url添加进来,而后点击“管理该应用”。
创建自己的应用程序感觉不错吧?Angular.js能够为此类开发工作提供我们所需要的一切。而且只需几分钟,我们的这款简单小应用就已经正式上线啦!
好了,以上就是本篇关于angularjs开发web应用的全部内容了(想学更多就拉PHP中文网,AngularJS使用手册栏目学习),你学会了吗?没学会的继续读,知道学会为止。有问题的可以在下方留言提问。
【小编推荐】
angularjs的路由原理你知道吗?这里有angularjs路由的详细原理
angularjs应用场景有哪些?angularjs的应用场景介绍
以上就是angularjs怎么开发web应用?angularjs开发web应用实例的详细内容,更多请关注php中文网其它相关文章!
asp.net – Alpha Five Version 10如何开发Web应用程序
显然是由ASP.NET程序员编写的Eweek评论继续宣称使用内置的XBasic语言可以轻松扩展应用程序,以及如何轻松添加自定义JavaScript,而无需涉及代码.
有人在这里建立了一个使用Alpha 5的网络应用程序?有没有人对开发过程,速度或它们遇到的限制有什么评论?对我来说,似乎Oracle APEX最接近功能集,是否有人编程并有任何意见?
解决方法
这些产品通过“无代码AJAX”(从无时间节省的角度来看真的非常有效)来提高工作效率,但我发现它也是非常可扩展和可编程的,我已经能够通过它的事件挂钩ExtJS和JQuery库模型.我也对它的安全框架感到惊讶,并且内置了像报表编写器这样的Crystal报表.我不得不说起初我对此持怀疑态度,但是我用它花费的时间越多(并且保存它!)我越喜欢它.
eclipse开发web应用
系统环境:Mac OS, Eclipse IDE
工具:SpringMVC, Tomcat
Tomcat安装
-
去apache tomcat官网下载,我使用的7.0.59版本。链接地址
-
下载后解压缩,mv到要安装的路径下。然后更新.bash_profile,修改PATH变量
<!-- lang: shell -->
export PATH=$PATH:/Users/test/Install/Tomcat/bin
Eclipse安装Tomcat插件
-
我使用Sysdeo Eclipse Tomcat Launcher plugin插件 链接地址
-
下载下来后,将jar包mv到Eclipse安装路径下的plugins目录即可
-
重启eclipse,菜单栏可以看到增加了tomcat按钮
-
在偏好设置中配置tomcat,选择安装的tomcat版本,
建立工程
- New Project,选择tomcat,建立一个web项目。
- 开发完成后,将项目依赖的jar包拷贝到WEB-INF/lib目录下,eclipse下选择start tomcat,tomcat就会启动并加载该web服务。
设置DevLoader
-
Sysdeo Eclipse Tomcat Launcher plugin插件附带DevLoader插件,能够使Tomcat在启动时动态加载任意位置的jar lib文件到当前项目的classpath中。这项功能在项目deploy前,节省了手工拷贝lib文件到项目目录下lib的过程
-
复制DevLoader.zip文件到Tomcat安装路径下的lib文件夹下,并更名为DevLoader.jar
-
项目Properties属性的Tomcat选项,勾选Activate DevLoader,选择要加载的jar包
关于利用ASP开发Web应用和asp技术开发web应用程序的基本流程的介绍现已完结,谢谢您的耐心阅读,如果想了解更多关于Angular JS 开发Web应用程序、angularjs怎么开发web应用?angularjs开发web应用实例、asp.net – Alpha Five Version 10如何开发Web应用程序、eclipse开发web应用的相关知识,请在本站寻找。
本文标签: