.NET MVC学习笔记四
1、導航樣始終在頁面底部
1.1 HTML代碼
·<div id="divbottom">底部的菜單</div>
1.2 CSS代碼
·<style type="text/css">#divbottom {
· position:fixed;
· left:0px;
· bottom:0;
· _position:absolute;
· _top:expression(document.documentElement.clientHeight + document.documentElement.scrollTop - this.offsetHeight);
· }</style>
2、MVC Entity報:屬性是對象的鍵信息的一部分,不能修改錯誤
解決方法:; 數據表設置主鍵,更新Entity
3、mvc發送EMAIL
引入 net.mail
3.1 配置文件
<appSettings>
<addkey="smtpServer"value="SMTP服務器" />
<addkey="smtpPort"value="端口號" />
<addkey="smtpUser"value="郵箱登錄名" />
<addkey="smtpPass"value="密碼" />
<addkey="adminEmail"value="發送方郵箱" />
</appSettings>
3.2 發送email方法類
publicbool sendEmailInfo(string to,string subject,string content)
{
string smtpFromUser = ConfigurationManager.AppSettings["adminEmail"];
bool result = false;
MailMessage Mail = newMailMessage(smtpFromUser, to);
Mail.Subject = subject;
Mail.Body =content;
Mail.BodyEncoding = Encoding.UTF8;
SmtpClient smtp = newSmtpClient();
smtp.Host = ConfigurationManager.AppSettings["SmtpServer"];
//發送連接時間
smtp.Timeout = int.MaxValue;
smtp.UseDefaultCredentials = false;
//發送端口
smtp.Port = Convert.ToInt16(ConfigurationManager.AppSettings["SmtpPort"]);
//是否加密
smtp.EnableSsl = false;
//發送郵件方的身份驗證(登陸名稱/密碼)
string smtpUserName = ConfigurationManager.AppSettings["smtpUser"];
string smtpUserPassword = ConfigurationManager.AppSettings["smtpPass"];
smtp.Credentials = newNetworkCredential(smtpUserName, smtpUserPassword);
//發送郵件對象
smtp.Send(Mail);
return result=true;
}
4、Model日期驗證
[Required]
[Display(Name = "日期")]
[DataType(DataType.Date)] [RegularExpression(@"^((((1[6-9]|[2-9]\d)\d{2})-(0?[13578]|1[02])-(0?[1-9]|[12]\d|3[01]))|(((1[6-9]|[2-9]\d)\d{2})-(0?[13456789]|1[012])-(0?[1-9]|[12]\d|30))|(((1[6-9]|[2-9]\d)\d{2})-0?2-(0?[1-9]|1\d|2[0-9]))|(((1[6-9]|[2-9]\d)(0[48]|[2468][048]|[13579][26])|((16|[2468][048]|[3579][26])00))-0?2-29-))$", ErrorMessage = "{0}的格式不正確")]
publicstringDateTest{ get; set; }
5、用DIV+CSS中設置,超出就自動換行輸出。
在CSS中設置相關class, word-break:break-all;
6、CSS中設置每段首行縮進2個字符
p { text-indent:2em }
7、CSS中設置button 鼠標放上去顯示手形模式
設置樣式中:cursor:pointer;
8、讓文章中英文單詞或拼音全大寫
8.1、text-transform 值:
Capitalize 英文拼音的首字母大寫
Uppercase 英文拼音字母全大寫
Lowercase 英文拼音字母全小寫
8.2、CSS text-transform語法結構
div{text-transform:capitalize}
9、CSS高度自適應
在使用MVC做View的時候,發現,頂部固定,中部的內容,如果太多,就會蓋住底部的內容,我是想中部的內容,不論多少,占用多高的高度,也不要影響頁底的布局。
后來研究了一下,在中部的容器中CSS做如下設置:
.container
{
width:1200px;
text-align:center;
margin :0auto;
padding:0;
position:relative;
clear: both;
display: block;
}
10、讓一個div層浮在最上層的方法
設置 style 中 z-index:auto
auto可定義為一個值(整數數字),越大代表越置前,如可定義為: z-index:9999。
若定義為-1,代表為最底層。
另:若是會被一些FLASH文件給遮住,可將flash對象的參數wmode設置為transparent即可。
11、jQuery Mobile按鈕上的文字自動換行
例如:
<a data-role="button" class='myButton'>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</a>
然后創建一個這樣的css樣式:
CSS代碼:
.myButton
{
word-wrap: break-word !important;
white-space: normal !important;
}
12、DIV中的內容,超出寬度自動隱藏
在CSS設置DIV的class屬性,overflow:hidden
光用這個屬性,只是超出了設置的范圍不顯示,所以,還要加上DIV的高度和寬度。這樣,對于超出寬度的內容,就不會顯示了。