HTML网页做成ASP.NET后台的方法以及.NET后台控制前台样式的方法
之前一直不知道,写好的纯HTML网页怎么做成ASP.NET后台的呢,因为之前使用别人的HTML模板写过一个自己的个人博客 果冻栋吖个人博客 当时用的PHP写的。一直在考虑怎么做成.NET的。
今天自己在瞎搞,可能这样写是不对的,不过实现了我想要的结果。如果有大神知道什么好的方式,还希望不吝赐教!
还有就是,后台控制前台的样式。
前台代码:
<div>
<% foreach (var studen in outhtml())
{%>
<p>学生姓名:<%=studen.StuName %></p>
<p>学生学号:<%=studen.StuNumber %></p>
<p>学生年龄:<%=studen.Age %></p>
<% }%>
</div>
<div runat="server" id="demo" style="height:50px;width:50px;"></div> <asp:Button ID="BtnChange" runat="server" Text="按钮" OnClick="BtnChange_Click" />
后台代码:
public partial class Sheets_testalert : PortalPage
{
protected void Page_Load(object sender, EventArgs e)
{
}
public List<Student> outhtml()
{
List<Student> stulist = new List<Student>();
Student Stu1 = new Student();
Stu1.StuName = "小王";
Stu1.StuNumber = "";
Stu1.Age = ;
stulist.Add(Stu1); Student Stu2 = new Student();
Stu2.StuName = "小王";
Stu2.StuNumber = "";
Stu2.Age = ;
stulist.Add(Stu2);
return stulist;
}
protected void BtnChange_Click(object sender, EventArgs e)
{
//取得值判断,然后根据条件赋值
if (this.demo.Style["background-color"] == "red")
{
this.demo.Style["background-color"] = "green";
}
else {
this.demo.Style["background-color"] = "red";
} }
}
public class Student
{ private string stuName; public string StuName
{
get { return stuName; }
set { stuName = value; }
} private string stuNumber; public string StuNumber
{
get { return stuNumber; }
set { stuNumber = value; }
} private int age; public int Age
{
get { return age; }
set { age = value; }
} }
效果图:
当点击按钮的时候,如果盒子的背景色是红色则设为绿色,否则设为红色。
HTML网页做成ASP.NET后台的方法以及.NET后台控制前台样式的方法的更多相关文章
- 后台以json数据形式返回之后前台接受的方法以及之后的解析总结
1.前台AJAX请求,后台以对象转JSON形式返回: 后台代码: @RequestMapping(value = "/queryDist", method = RequestMet ...
- Asp.net中JQuery、ajax调用后台方法总结
通过上一篇文章实例的实现,整个过程当中学习到很多知识点,了解了Jquery.Ajax在asp.net中的运用,加以总结,其实原理都是一样的,理解了一种,其他的注意很少的区别就可以了.灵活运用: 1.有 ...
- ASP.NET MVC搭建项目后台UI框架—1、后台主框架
目录 ASP.NET MVC搭建项目后台UI框架—1.后台主框架 ASP.NET MVC搭建项目后台UI框架—2.菜单特效 ASP.NET MVC搭建项目后台UI框架—3.面板折叠和展开 ASP.NE ...
- phongap+ jquery + asp.net +android,我把我遇到的问题和处理方法的连接总结一下
这些都是最基本的问题,在实际的运用中都会用到 第1章.搭建Android的开发环境-跟我学编程 Win7旗舰版中的IIS配置asp.net的运行环境 - 追夢 - 博客园 vs2012下asp.net ...
- ASP.NET 多语言的实现(后台消息+前台消息+页面自动绑定)
一 前言 界面支持多种语言,在使用ASP.NET自带的多语言方案时遇到下列问题: 在做管理类的功能时,有添加.修改和查看页面,需要支持多语言的控件基本相同,但要维护多处,产生冗余(ASP.NET有共享 ...
- 【ASP.NET MVC系列】浅谈表单和HTML辅助方法
[01]浅谈Google Chrome浏览器(理论篇) [02]浅谈Google Chrome浏览器(操作篇)(上) [03]浅谈Google Chrome浏览器(操作篇)(下) [04]浅谈ASP. ...
- SNF快速开发平台MVC-EasyUI3.9之-WebApi和MVC-controller层接收的json字符串的取值方法和调用后台服务方法
最近项目组很多人问我,从前台页面传到后台controller控制层或者WebApi 时如何取值和运算操作. 今天就都大家一个在框架内一个取值技巧 前台JS调用代码: 1.下面是选中一行数据后右键点击时 ...
- ASP.NET Web API 记录请求响应数据到日志的一个方法
原文:http://blog.bossma.cn/dotnet/asp-net-web-api-log-request-response/ ASP.NET Web API 记录请求响应数据到日志的一个 ...
- ASP.Net TextBox只读时不能通过后台赋值取值
给页面的TextBox设置ReadOnly="True"时,在后台代码中不能赋值取值,下边几种方法可以避免: 1.不设置ReadOnly,设置onfocus=this.blur() ...
随机推荐
- Glitch-free clock switch
With multi-frequency clocks being used in today’s devices, it's necessary to switch the source of a ...
- Assembly之Instruction之Byte and Word
Byte and word issues The MSP430 is byte-addressed, and little-endian. Word operands must be located ...
- Java_Web之JSTL和EL
今天学了JSTL和EL,替换了以前for循环,感觉代码越来越少了,十分方便.JSTL和EL密不可分. 一.什么是EL表达式? 什么是EL EL即Expression Language(表达式语言) E ...
- 【转载】Java IO基础总结
Java中使用IO(输入输出)来读取和写入,读写设备上的数据.硬盘文件.内存.键盘......,根据数据的走向可分为输入流和输出流,这个走向是以内存为基准的,即往内存中读数据是输入流,从内存中往外写是 ...
- eas设置时分秒
- Linux思维导图之查找命令
常用查找命令的区别:
- 八进制、十六进制与十进制的转换,bytes的十六进制
二进制.八进制.十六进制与十进制的不同顾名思义在于进位不同: 十进制遇十进一,9+1=10,19+1=20,199+1=200.相同数字前一位是后一位的十倍,例如11,前一个代表10,后一个是1. 一 ...
- 实用的 鼠标滑上显示提示信息的jq插件
使用非常简单, 引用 css js文件, 将需要显示提示信息的元素 添加class="tooltip"类名, 在title属性填写提示信息就好了title="啊啊啊啊&q ...
- MEAN框架学习笔记
MEAN框架学习笔记 MEAN开发框架的资料非常少.基本的资料还是来自于learn.mean.io站点上的介绍. 于是抱着一种零基础学习的心态,在了解的过程中,通过翻译加上理解将MEAN框架一点点消化 ...
- IOS - 查找未使用的图片
实现细节都在代码里面, 帮助 -h. # -*- coding: utf-8 -*- """ 检查IOS应用图片是否使用 1. 读取有效文件: 图片(.png, .jpg ...