• WebForm(一)——IIS服务器、开发方式和简单基础


    一、B/S和C/S

    1、C/S

          C/S 架构是一种典型的两层架构,其全程是Client/Server,即客户端服务器端架构,其客户端包含一个或多个在用户的电脑上运行的程序,而服务器端有两种,一种是数据库服务器端,客户端通过数据库连接访问服务器端的数据;另一种是Socket服务器端,服务器端的程序通过Socket与客户端的程序通信。

          工作模式:

                          

    2、B/S

            B/S架构的全称为Browser/Server,即浏览器/服务器结构。Browser指的是Web浏览器,极少数事务逻辑在前端实现,但主要事务逻辑在服务器端实现,Browser客户端,WebApp服务器端和DB端构成所谓的三层架构。B/S架构的系统无须特别安装,只有Web浏览器即可。

           工作模式:

                            

    二、ASP开发模式

         例子1:点菜:客人 - 用户

    (1).aspx文件

    要土豆丝 - 给IIS发送请求 ,IIS就相当于是服务员

    通知厨房 - IIS把用户要想看到的ASPX告知.NET框架

    厨房炒菜 - .net框架将ASPX页面中的C#代码执行处理

    喊服务员上菜 - .NET框架将处理好的页面给IIS,IIS返回给用户

    (2).hrml文件

    要头蒜 - html页面请求,IIS直接可以返回给用户,不需要经过.NET框架处理

          例子2、连接数据库,在浏览器上用表的形式显示出链接的表

    <%@ language="C#" %>
    <%@ Import NameSpace="System.Data.SqlClient" %>
    <html>
    <head></head>
    <body>
    <table border="1">
    <tr>
    <td>用户名</td>
    <td>密码</td>
    <td>昵称</td>
    <td>性别</td>
    <td>生日</td>
    <td>民族</td>
    </tr>
    <%
    SqlConnection conn =new SqlConnection("server=.;database=lianxi;user=sa;pwd=123");
    SqlCommand cmd=conn.CreateCommand();
    cmd.CommandText="select * from Users";
    conn.Open();
    SqlDataReader dr=cmd.ExecuteReader();
    {
    %>
    <tr>
    <td><%=dr[0].ToString()%></td>
    <td><%=dr[1].ToString()%></td>
    <td><%=dr[2].ToString()%></td>
    <td><%=dr[3].ToString()%></td>
    <td><%=dr[4].ToString()%></td>
    <td><%=dr[5].ToString()%></td>
    </tr>
    <%
    }
    conn.close();
    %>
    table
    </body>
    </html>

    :★<%  c#代码  %>
          ★<%=   %>等号后面返回一个值

          ★<%@   %>用于声明语言或者引用命名空间

    三、ASP.NET

    ASP.NET 是 .net开发网站应用程序的技术总称,包含WebForm 和 MVC 两个技术方法

    WebForm类似于WinForm,可视化操作;

    MVC类似于Java,多用代码操作。

     

    在使用VS调试HTML文件时,除非使用断点测试C#代码,不需要使用启动,可以在HTML代码上右键点击,选择在浏览器中查看即可。

    HTML表单元素复习:

    1、文本类

    文本框:<input type="text" name="" id="" value=""/>

    密码框:<input type="password" name="" id="" value=""/>

    文本框:<textaarea name="" id="" cols=""(字符多少)  rows=""(几行高)></>textarea>

    隐藏域:<input type="hidden" name="" id="" value=""/>

    2、按钮类

    提交按钮:<input type="submit" name="" id="" disable="disable" value=""/>点击后转到form内的提交服务器地址

    重置按钮:<input type="reset" name="" id="" disable="disable" value=""/>

    普通按钮:<input type="button" name="" id="" disable="disable" value=""/>

    图片按钮:<input type="image" name="" id="" disable="disable" value="" src="图片地址"/>

    3、选择类

    单选按钮组:<input type="radio" name="" id="" checked="checked" value=""/>

                     name的值用来分组;value的值看不见,用来提交给程序;checked,设置默认选项

    复选框组:<input type="checkbox" name="" id="" checked="checked" value=""/>

    文件上传:<input type="file" name="" id="">

      <label for=""></label>

      <label>标签为input元素定义标注(标记)。

      label元素不会向用户呈现任何特殊效果。不过,它为鼠标用户改进了可用性。如果您在label元素内点击文本,就会触发此控件。就是说,当用户选择该  标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。

      <label>标签的for属性应当与相关元素的id属性相同

    下拉列表框:<select name =""  id=""  size=""  multiple="multiple">   ------size=1时,为菜单;>1时,为列表;multiple为多选。

    <option value="值">内容1</option>

    <option value="值"  selected="selected">内容2</option>------seleted,设为默认

    <option value="值">内容3</option>

    </select>

    后注1、控件属性:

    ●Label - BackColor 等等 最后都会变成html里面的东西

    ●控件最后都会变成 HTML元素

    ●界面,布局样式都依然使用HTML+CSS 特殊的数据交互需要控件来替代

    ●含有 runat="server" 属性的元素为控件

            2、三张图告诉你Web工作原理(.NET同理,将图片中的.php文件变为.aspx文件即可)

                (1) 服务器不带应用程序和数据库,直接请求HTML文件

                

                 (2)服务器带应用程序

                

                 (3)服务器带应用程序和数据库

                

            3、IIS安装        

                (1).安装:控制面板→程序或功能→打开或关闭windows功能→Internet信息服务(打上勾)→确定

               (2).vs:Visual Studio Tools→VS2012 x64/x86 兼容工具命令提示(右键管理员启动)→出现路径后加上aspnet_regiis -i→回车开始安装

     

  • 相关阅读:
    管道和FIFO
    2.Qt Creator的使用
    1.新手上路:Windows下,配置Qt环境
    系统数据文件和信息
    使用Python与数据库交互
    与文件和目录操作相关的函数
    使用Python处理Excel文件的一些代码示例
    使用Python处理CSV文件的一些代码示例
    【Jenkins】发布报错“error: RPC failed; curl 18 transfer closed with outstanding read data remaining”
    Linux之文本处理命令
  • 原文地址:https://www.cnblogs.com/H2921306656/p/5887094.html
Copyright © 2020-2023  润新知