こんな感じの画面です。
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUKoAT_Y3MubepoOP5v9vIgoC0J8d3TB9IFIK_fhvsbgdfZYMvadsSSlDGWWNjgN4SfESxJiSseQirnhHEwNLug7Jz-jJD76HgYka5W-Ux2zifV9jrJpt41800JgLnktL_DDBpJaJd3do/s400/Image1.png)
先にコードを見て、作る過程をコードの後に記します。~/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アプリケーションのルートのアイコンを右クリックし、追加、新しい項目を選びます。
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyB9M1Wwh5yJeOP1s3brsurWj1N9BxlkVhqSHaQs1cAGeuWtoVypIW3bocH86zxjAAMr8YwPYwN8Ys87C6tYmGj1NAUvaxtab385zKPvg7mbesbJ4xPFd1ZcGkqbaAZFZXQUtB7CwX43k/s400/Image5.png)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglXDjMVAaMBZKl1I17FDZcXTFLLC_pmcyaYqKcmgNLTm4UXx9otimSXAlNPdgaiNcC1Zok22M_JcKNxQL62RzulcBpKLAErft_KejUibNMJkk8nL35iePKYBUjZAgl7NWgzjgFBSFIg94/s400/Image0.png)
んで、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>
で、デザインタブをクリックするとこんな感じになります。
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiD8jn43S3VS0S9I3MCbZFjg7OKGXhwPIUApRoxz-OIpKhqZ5V8jD9bb9qt8w1VzNibalm2ekwrCEw6rGfOH89KWpUbSEFaHPSSxin9_P0bAO606clx0anHayNC9hdcb3nZHkoAh93mcwM/s400/Image7.png)
ここで、ツールボックスから、ログインパーツをドラッグアンドドロップで、ContentsPlaceHolderに配置するとこんな風になります。
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiI7X4XK-kA5EshyphenhyphengtHysTY8hDyjcDYyDVDWd6BdNJs0-22rXBCqCj4QsLRP-iLtxLxhj3vNmiaI93qlZ0Gzav1Gu-gFqZ-FONKYkCMT0Jrc5UpOGpTAZi2arK8XKqO6Yf9DstVu8BZNe4/s400/Image9.png)
引き続きデザイン画面で、※ログインOKでも・・・の文字を入れれば冒頭のaspxが出来上がりです。
0 件のコメント:
コメントを投稿