2010年9月9日木曜日

プロコン2010-1その4

今回は、ログイン画面。
こんな感じの画面です。


先にコードを見て、作る過程をコードの後に記します。~/Login.aspxの中身はこんな感じ。

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Login.aspx.cs" Inherits="Library.Login"
MasterPageFile="~/Users.Master" StylesheetTheme="Standard" %>

<asp:Content runat="server" ContentPlaceHolderID="ContentPlaceHolder1">
<asp:Login ID="Login1" runat="server">
</asp:Login>
※ログインOKでも、権限の無いページには行けません。その場合本画面に戻されます。
</asp:Content>



コードビハインド(~/Login.aspx.cs)はこんな感じ。

using System;

namespace Library
{
public partial class Login : LibPage
{
protected void Page_Load(object sender, EventArgs e)
{

}
}
}



次に作り方。~/Login2.aspxで作ってみます。
以下の画面のように、ソリューションエクスプローラから、Webアプリケーションのルートのアイコンを右クリックし、追加、新しい項目を選びます。




んで、Login2.aspxのソースをみるとこんな感じ。

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Login2.aspx.cs" Inherits="Library.Login2" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>無題のページ</title>
</head>
<body>
<form id="form1" runat="server">
<div>

</div>
</form>
</body>
</html>


ここから、こんな感じで編集します。

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Login2.aspx.cs" Inherits="Library.Login2"
MasterPageFile="~/Users.Master" StylesheetTheme="Standard" %>
<asp:Content ID="Content1" runat="server" ContentPlaceHolderID="ContentPlaceHolder1">
</asp:Content>


で、デザインタブをクリックするとこんな感じになります。


ここで、ツールボックスから、ログインパーツをドラッグアンドドロップで、ContentsPlaceHolderに配置するとこんな風になります。


引き続きデザイン画面で、※ログインOKでも・・・の文字を入れれば冒頭のaspxが出来上がりです。

0 件のコメント: