如何结合前端代码和后端代码进行网站开发？

对于第一个位置，有一些限制条件:

（1）常规属性要求是字符串类型或数字类型（下面将提到服务器端属性以支持作为数据收集的属性）；

（2）并非所有属性都可以绑定到变量. 某些属性（例如runat属性）必须是“服务器”常量. 即使绑定的字符串是服务器，也会在分析器分析中导致错误.

（3）有一个属性，该属性要求约束该属性值（类型约束，例如服务器端控件，要求TabIndex属性较短，或者要限制字符串内容），也应该满足绑定时，否则可能仍然会在编译过程中出错；

（4）还有一个属性. 尽管属性本身具有约束，但是即使绑定变量不满足约束，也可以对其进行编译和传递. 例如，输入的检查属性仅对检查的字符串有效，但如果通过，则不检查通过绑定获得的字符串，那么这些属性将具有自己的内部处理机制以确保它们可以正常使用； <

（5）还应注意，即使对于相同类型的属性，服务器端属性和HTML的属性处理机制也不同，如果不满足前者，则TabIndex（tabIndex）相同. ，错误，后者忽略了这一问题.

对于第二个位置，只要绑定的背景变量与JavaScript中的数据类型兼容即可.

对于第三种位置，如果发生绑定的位置不在服务器端控件内，则没有约束. 只要常量字符串可以出现，就可以绑定它. 但是，将其放置在服务器端控件中存在一些约束，即上面的此处通过摘要，它可以概括为四种服务器端控件. 如果绑定代码出现在这些控件的开始标记和结束标记之间（此处的控件是指绑定代码是否被多层嵌套控件包围，请参阅包围绑定代码的最里面的控件），并显示不同的结果:

（1）约束控件: 这种类型的控件要求其开始标记和结束标记只能包含指定的子控件，因此，如果此处出现代码块，它将编译错误. 例如:

，在它们之间需要嵌套 .

（2）非嵌套控件: 不允许将此类控件嵌套在其他控件或标签中，它只能是常量字符串，它将使用开始标签和结束标签中的常量字符串内容作为其属性. 例如，上面提到的TextBox，它将使用标签的内容作为其Text属性值.

（3）嵌套控件: 此类型的控件可以与任何其他控件嵌套，或者可以包含字符串，因此它可以正常显示由绑定代码块表示的字符串内容. 例如，标签控件，面板等.

（4）数据绑定控件: 这种类型的控件是ASP.NET提供的服务器端控件. 除了绑定普通变量类型之外，还可以绑定数据集合（只能使用下面的第二种类型）.

关于是否添加引号: 在以上三个位置中使用时，应在单引号或双引号中使用<％= str％>或<％#str％>吗？对于不同的位置，处理方法也不同: （具体介绍请参考以下两种方法）

（1）对于第一个位置，由于JavaScript的类型较弱，因此如果在绑定时添加引号，则显然会将其视为字符串，这始终是正确的；如果您在绑定时未添加引号，它将被视为数字类型，因此，如果它确实是数字值，那么当然可以，如果它是非数字类型，则将生成脚本错误，即使将常量分配给JavaScript也是如此:

以下是引用的内容:

var test1 = 123b; //运行时错误

var test2 = 123; //正确，它是数字

var test3 =“ 123b”; //正确，字符串类型

（2）对于第二个位置，经过测试，无论是针对服务器端控件属性还是HTML标记属性网站开发代码，引号始终正确；如果不添加引号，则对两个属性的处理方式不同:

对于服务器端控件属性，如果未引用绑定的代码块，则会编译警告消息“验证（ASP.NET）: 必须在属性值前后加引号”，但在将其生成为HTML之后，相应的生成的HTML属性已被引用，并获得了正确的绑定结果，因此使用引号不会影响使用，但建议还添加标准代码；

对于HTML标记属性，如果不添加引号，则在编译时警告消息“验证（XHTML 1.0过渡）: 必须在功能值之前和之后添加引号”，并且生成的HTML属性确实没有用引号引起来，尽管该属性的确是正确的绑定值，但没有引号，但它不一定显示您想要看到的结果. 例如，对于输入标签的value属性，如果绑定的字符串是“ hello world from variable”，则在客户端输入上显示的内容实际上只是“ hello”字符串，有效属性值被截断了字符字符串，它从属性之后的字符字符串的第一个非空白字符（如果未加引号）开始，以下一个空字符之前的字符结尾（例如，对于“ hello world”，结果为“ hello”），因此必须使用引号.

（3）对于第三个位置（带或不带引号），所获得的值及其显示均不受影响.

因此，建议将所有绑定表达式都引用为字符串，然后根据实际需要使用相应的函数进行转换以获得所需的类型.

此外，此处提到的背景变量是指常规变量，包括以下内容:

成员变量

方法或属性的返回值

表达，即所有可以在后台执行的代码，即运行后获得的值（即直接在前台代码中写入后台代码，记住使用全限定名或使用相关的命名空间在后台）

数据收集

背景变量有一些需要满足的约束:

（1）变量修饰符要求. 变量可以是静态或实例字段. 对于代码隐藏模式下的ASP.NET，上面提到的变量必须是公共或受保护的类型（由于基类和派生类之间的关系），既不是私有的也不是内部的，并且在代码嵌入模式下是任何修饰符变量可以访问（类中的关系）.

（2）变量类型要求. 由于前台属性通常是字符串类型，而JavaScript的基本类型是字符串类型，数字类型和布尔类型，因此，如果不支持其余类型（例如复杂类型），则相应的变量也应采用以下几种方式，数组，引用类型等），前景得到的是通过调用变量的ToString（）方法获得的字符串. 因此，在绑定时，有必要根据情况查看是否可以进行隐式类型转换，必要时，有必要使用相关函数强制转换，以确保前台可以获得正确的值. 当然，对于数据绑定控件，它的某些属性可以是数据收集，但是这次绑定只能由下面的第二种方法支持.

以上是一些概念和基本约束. 这两种方法都应满足. 具体介绍了以下两种方法，以实现在前台代码（以下简称代码块）中绑定背景变量的功能.

一个. <％= str％>

ASP时代实际上支持此方法. ASP通过<％和％>中包含的表达式将执行结果输出到客户端浏览器，例如: <％= test％>是变量test发送到客户浏览器的值. 在ASP.NET中，此表达式仍可以使用，并且可以出现在前台代码的上述三个位置，但是应注意，除了上面提到的一般约束之外，控件属性还必须绑定到非服务器端控件的属性. 另外，它只能绑定上述的前三个变量类型，并且不支持绑定数据集. 示例如下:

背景代码:

以下是引用的内容:

公共局部类WebForm2: System.Web.UI.Page

{

公共字符串GetVariableStr; //注意变量的修饰符

受保护的无效Page_Load（对象发送者，EventArgs e）

{

如果（！IsPostBack）

{

GetVariableStr =“来自变量的Hello world”;

}

}

受保护的字符串GetFunctionStr（）//注意返回值的修饰符

{

返回“来自功能的Hello world”；

}

}

前端代码:

以下是引用的内容: