❶ 如何製作網站的用戶登錄界面
很多用戶在開發 ASP.NET 應用程序時都有這樣的需求:管理員角色的賬戶使用管理員的登錄界面進行登錄,普通用戶角色的賬戶使用普通用戶的登錄界面進行登錄。由於ASP.NET的web.config里只能使用一個 authentication mode="Forms" 節點,所以,要實現不同用戶採用不同的登錄界面,一個辦法就是創建一個管理員專用的虛擬目錄,並設置為應用程序來實現。下面介紹另外一種採用重定向的辦法來解決這個問題。 本文介紹的方法原理是根據登錄界面的返回地址進行判斷,然後重定向到不同的頁面。下面就是實現的詳細過程。 1,創建一個網站,在網站里創建Admin文件夾和User文件夾,分別存放admin和普通用戶所使用的文件。也可以只設置一個 Admin 文件夾。由於本方法採用的判斷返迴路徑的方法,所以,要能從路徑中區分出哪些是admin用戶使用的文件夾。當然,採用其他的判斷方法也是可以的。 2,在網站根目錄下分別創建3個登錄文件:Login.aspx、UserLogin.aspx和AdminLogin.aspx。其中Login.aspx文件起地址轉換的作用,Login.aspx文件的主要內容: protected void Page_Load(object sender, EventArgs e) { String ReturnUrl = Request.QueryString["ReturnUrl"]; if (ReturnUrl == null || ReturnUrl.Equals(String.Empty)) { //默認情況下,按普通用戶進行登錄 Response.Redirect("~/UserLogin.aspx"); } else { if (ReturnUrl.ToLower().Contains("/admin/")) { Response.Redirect("~/AdminLogin.aspx?ReturnUrl=" + Server.UrlEncode(ReturnUrl)); } else { Response.Redirect("~/UserLogin.aspx?ReturnUrl=" + Server.UrlEncode(ReturnUrl)); } } 在這個文件的代碼中,如果ReturnUrl中含有"/admin/",就重定向到AdminLogin.aspx登錄界面;否則,就重定向到 UserLogin.aspx 登錄界面。 UserLogin.aspx這個文件的內容如下: < %@ Page Language="C#" % > < !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > < mce:script runat="server" >< !-- protected void Button1_Click(object sender, EventArgs e) { //密碼驗證過程在此省略,假如用戶名是mxh,密碼是mengxianhui String UserName = "mxh"; FormsAuthenticationTicket ticket = new FormsAuthenticationTicket(2,//票證的版本號 UserName,//與身分驗證票關聯的用戶名 DateTime.Now, //票證發出時的本地日期和時間 DateTime.Now.AddHours(1),//票證過期的本地日期和時間 true,// 如果票證存儲在持久性cookie中(跨瀏覽器會話保存)則為 true 否則為false 如果票證儲存在URL中,將忽略此值 "reader",//儲存在票證中持定的用戶信息,本頁面供 reader 登錄使用 FormsAuthentication.FormsCookiePath //票證儲存在cookie中的路徑 ); //如果 forms 元素的 protection 屬性設置為 All 或 Encryption,則窗體身份驗證使用 Encrypt 方法對窗體身份驗證票進行加密和簽名。 string encTicket = FormsAuthentication.Encrypt(ticket); HttpCookie cookie = new HttpCookie(FormsAuthentication.FormsCookieName, encTicket); Response.Cookies.Add(cookie); Response.Redirect(FormsAuthentication.GetRedirectUrl(UserName, true)); } // -- >< /mce:script > < html xmlns=" http://www.w3.org/1999/xhtml" > < head runat="server" > < title >孟憲會之多用戶登錄測試頁面< /title > < /head > < body > < form id="form1" runat="server" > 普通用戶登錄界面省略< br / > < asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="普通用戶登錄" / > < /form > < /body > < /html > < %@ Page Language="C#" % > < !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > < mce:script runat="server" >< !-- protected void Button1_Click(object sender, EventArgs e) { //密碼驗證過程在此省略,假如用戶名是mxh,密碼是mengxianhui String UserName = "mxh"; FormsAuthenticationTicket ticket = new FormsAuthenticationTicket(2,//票證的版本號 UserName,//與身分驗證票關聯的用戶名 DateTime.Now, //票證發出時的本地日期和時間 DateTime.Now.AddHours(1),//票證過期的本地日期和時間 true,// 如果票證存儲在持久性cookie中(跨瀏覽器會話保存)則為 true 否則為false 如果票證儲存在URL中,將忽略此值 "reader",//儲存在票證中持定的用戶信息,本頁面供 reader 登錄使用 FormsAuthentication.FormsCookiePath //票證儲存在cookie中的路徑 ); //如果 forms 元素的 protection 屬性設置為 All 或 Encryption,則窗體身份驗證使用 Encrypt 方法對窗體身份驗證票進行加密和簽名。 string encTicket = FormsAuthentication.Encrypt(ticket); HttpCookie cookie = new HttpCookie(FormsAuthentication.FormsCookieName, encTicket); Response.Cookies.Add(cookie); Response.Redirect(FormsAuthentication.GetRedirectUrl(UserName, true)); } // -- >< /mce:script > < html xmlns=" http://www.w3.org/1999/xhtml" > < head runat="server" > < title >孟憲會之多用戶登錄測試頁面< /title > < /head > < body > < form id="form1" runat="server" > 普通用戶登錄界面省略< br / > < asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="普通用戶登錄" / > < /form > < /body > < /html >
麻煩採納,謝謝!
❷ 網頁設計用html和js製作一個登錄界面,大神幫幫忙
① 建議使用HTML標簽時用語義化標簽,比如主塊部分就先用一個section標簽括起來;
② 外加css樣式設置美化頁面,特別是登錄界面的靈動感;
③ JavaScript綁定事件,實現更加人性化的功能;
❸ 網頁設計製作詳細流程
分析如下:
1、首先下載安裝Dreamweaver,打開後,新建一個網頁,一般選擇「HTML」建立網頁。選擇「經典」界面,有助於我們更便捷使用這個軟體。
(3)網站製作課程怎麼製作登錄界面擴展閱讀:
網頁設計
設計網站要注意兩個要點:整體風格和色彩搭配。
風格
網站的整體風格及其創意設計是最難以學習的。難就難在沒有一個固定的模式可以參照和模仿。給你一個主題,任何兩人都不可能設計出完全一樣的網站。
風格(Style)是抽象的。是指站點的整體形象給瀏覽者的綜合感受。這個「整體形象」包括站點的CI(標志、色彩、字體、標語)、版面布局、瀏覽方式、交互性、文字、語氣、內容價值、存在意義、站點榮譽等等諸多因素。
色彩搭配
無論是平面設計,還是網頁設計,色彩永遠是最重要的一環。當我們距離顯示屏較遠的時候,我們看到的不是優美的版式或者是美麗的圖片,而是網頁的色彩。
網頁配色小技巧:
1.用一種色彩:這里是指先選定一種色彩,然後調整透明度或者飽和度,這樣的頁面看起來色彩統一,有層次感;
2.用兩種色彩:先選定一種色彩,然後選擇它的對比色;
3.用一個色系:簡單的說就是用一個感覺的色彩,例如淡藍,淡黃,淡綠;或者土黃,土灰,土藍。
在網頁配色中,還要切記一些誤區:
1.不要將所有顏色都用到,盡量控制在三至五種色彩以內;
2.背景和前文的對比盡量要大(絕對不要用花紋繁復的圖案作背景),以便突出主要文字內容。