{"id":423,"date":"2010-06-25T13:07:29","date_gmt":"2010-06-25T13:07:29","guid":{"rendered":"http:\/\/www.erbugkaya.com\/?p=423"},"modified":"2014-01-16T23:46:59","modified_gmt":"2014-01-16T23:46:59","slug":"dinamik-web-sitesi-bolum-07-veri-guncelleme-a-login","status":"publish","type":"post","link":"http:\/\/erbugkaya.com\/?p=423","title":{"rendered":"Dinamik Web Sitesi – B\u00f6l\u00fcm 07 – Veri G\u00fcncelleme \/ A – Login"},"content":{"rendered":"

22\/5\/2007
\nMerhaba bu makale serisinin \u00f6nceki b\u00f6l\u00fcmlerinde ad\u0131m ad\u0131m dinamik bir web sitesi olu\u015fturduk. \u015eimdi ise o sitenin bilgilerini g\u00fcncellemeyi incelleyece\u011fiz. Elbette bunu yapmak i\u00e7in ilk \u00f6nce bir yetkilendirme olu\u015fturmal\u0131y\u0131z. Bunun i\u00e7in bu makalemde Expression Web’de kullan\u0131c\u0131 yaratma ve login i\u015flemlerini anlataca\u011f\u0131m. Serinin ileriki makalelerinde siteyi g\u00fcncelleyece\u011fiz. Elbette bu g\u00fcncellemeler ve g\u00fcvenlik Expression Web ile belli bir s\u0131n\u0131rda olacak. Daha kar\u0131\u015f\u0131k ve \u00fcst seviye g\u00fcncelleme i\u015flemleri i\u00e7in Visual Studio ve programla bilgisi devreye girmektedir.<\/p>\n


\nFolder List’teki web.config dosyas\u0131n\u0131 a\u00e7al\u0131m. Bu dosyay\u0131 Expression Web, database ba\u011flant\u0131s\u0131 kurdu\u011fumuzda otomatik yaratm\u0131\u015ft\u0131. FRP Kitap Sitesi i\u00e7in olu\u015fan web.config dosyas\u0131 a\u015fa\u011f\u0131daki gibidir.<\/p>\n

web.config’in sonuna alttaki kodu biz ekleyece\u011fiz. B\u00f6ylece g\u00fcvenli\u011fin form bazl\u0131 olaca\u011f\u0131n\u0131 belirtmi\u015f olduk. Yani yap\u0131lacak de\u011fi\u015fiklikler i\u00e7in kullan\u0131c\u0131lar\u0131n formlar\u0131 kullanarak siteye ba\u011flanmas\u0131 gerekecek.<\/p>\n

<configuration><\/p>\n

<connectionStrings>
\n<add name=”FrpKitapSitesiConnectionString10″ connectionString=”Data Source=EKAYA\\SQLEXPRESS;Initial Catalog=FrpKitapSitesi;Integrated Security=True”
\nproviderName=”System.Data.SqlClient” \/>
\n<\/connectionStrings><\/p>\n

<system.web>
\n<roleManager enabled=”true” \/>
\n<authentication mode=”Forms” \/>
\n<\/system.web><\/span><\/p>\n

<\/configuration><\/p>\n

\u015eimdi master page’den yeni bir sayfa olu\u015fturup, login.aspx olarak kaydediyoruz. Content alan\u0131na Toolbox>ASP.NET Controls>Login alt\u0131ndan Login kontrol\u00fcn\u00fc s\u00fcr\u00fckleyip b\u0131rak\u0131yoruz.<\/p>\n

\"\"<\/p>\n

Login kontrol\u00fcm\u00fcz content aln\u0131nda haz\u0131r. Her kontrolde oldu\u011fu gibi Login’inde k\u00fc\u00e7\u00fck okla a\u00e7\u0131lan \u00f6zellikleri ile ilgili bir task men\u00fcs\u00fc bulunmakta.<\/p>\n

\"\"<\/a><\/p>\n

Bu men\u00fcdeki AutoFormat’a t\u0131klayarak diledi\u011finiz bir g\u00f6r\u00fcn\u00fc\u015f\u00fc se\u00e7ebilirsiniz.<\/p>\n

\"\"<\/a><\/p>\n

Ama login ekran\u0131n\u0131n g\u00f6r\u00fcn\u00fc\u015f\u00fcn\u00fc Tag Properties kutusunu kullanarak biz belirleyece\u011fiz.<\/p>\n

\"\"<\/a><\/p>\n

<asp:Login runat=”server” id=”Login1″ BackColor=”#333333″ BorderColor=”Black” BorderPadding=”5″ BorderStyle=”Dotted” BorderWidth=”1px” FailureText=”Kullan\u0131c\u0131 ad\u0131 veya \u015fifre yaln\u0131\u015f. Tekrar deneyin” Font-Bold=”True” Font-Overline=”False” Font-Strikeout=”False” LoginButtonText=”Ba\u011flan” PasswordLabelText=”\u015eifre:” RememberMeText=”Beni hat\u0131rla.” TitleText=”Y\u00f6netim Paneli Giri\u015f” UserNameLabelText=”Kullan\u0131c\u0131 ad\u0131: “>
\n<TitleTextStyle BackColor=”Black” \/>
\n<TextBoxStyle BackColor=”#CCCCCC” Width=”150px” BorderWidth=”1px” BorderColor=”Black” \/>
\n<LoginButtonStyle BackColor=”Black” BorderStyle=”Solid” ForeColor=”White” BorderWidth=”1px” BorderColor=”#D2D2D2″ Font-Size=”Small” \/>
\n<FailureTextStyle ForeColor=”#FFFFCC” \/>
\n<\/asp:Login><\/div>\n

\"\"<\/p>\n

Login ekran\u0131m\u0131z\u0131 haz\u0131rlad\u0131\u011f\u0131m\u0131za g\u00f6re \u015fimdi bu login i\u00e7in kullan\u0131c\u0131 tan\u0131mlamam\u0131z, yaratmam\u0131z gerekiyor. Bunun i\u00e7in \u00e7ok fazla kayg\u0131lanman\u0131za gerek kalmayacak. Expression Web bunu bizim i\u00e7in kolayca halledecek. Haz\u0131rlayal\u0131m. admin.master master page’inden bir sayfa yarat\u0131p, user_temp.aspx olarak kaydediyoruz. Bu kullan\u0131c\u0131 yaratmam\u0131za yarayacak bir sayfa olacak. Her \u015fey bitti\u011finde bu sayfay\u0131 m\u00fcmk\u00fcnse silece\u011fiz. Kesinlikle sitenin yay\u0131n yapaca\u011f\u0131 hostinge bu sayfan\u0131n upload edilmemesi gerekiyor. \u015eimdi sayfan\u0131n content alan\u0131na Toolbox>ASP.NET Controls>Login alt\u0131ndan CreateUserWizard kontrol\u00fcn\u00fc s\u00fcr\u00fckleyip b\u0131rak\u0131yoruz.<\/p>\n

\"\"<\/a><\/p>\n

Bu kontrol\u00fcnde bir \u00e7ok \u00f6zelli\u011fi var ama bu \u00f6rnekte biz bu i\u015fi \u00fcyelik i\u00e7in de\u011fil de, siteyi d\u00fczenleyebilmek i\u00e7in yapt\u0131\u011f\u0131m\u0131zdan \u00f6zellikleri ile ilgilenmeyece\u011fiz. Sayfay\u0131 (F12) ile browserda a\u00e7\u0131yoruz.<\/p>\n

\"\"<\/p>\n

\u015eimdi siteyi d\u00fczenleyecek y\u00f6netici olarak formu dolduruyoruz. Bu a\u015famada password k\u0131sm\u0131 \u00f6nemli. \u015eifrenizin en az 7 karakterden ve en az bir adet non-alphanumeric karakter i\u00e7eriyor. Non-alphanumeric karakter say\u0131lar ve harfler d\u0131\u015f\u0131ndaki her \u015feyi i\u00e7eriyor. Ben burada \u015fifreyi “erbugkaya_” olarak belirledim.<\/p>\n

\"\"<\/p>\n

Create User ile i\u015flemi tamamlay\u0131nca kar\u015f\u0131m\u0131za ba\u015far\u0131yla tamamland\u0131 mesaj\u0131 geliyor. Ger\u00e7ekten bu kadar m\u0131? \u015eimdi bir kullan\u0131c\u0131 m\u0131 yarat\u0131ld\u0131? Peki nereye?<\/p>\n

\"\"<\/p>\n

Expression Web bu i\u015fi de bizim i\u00e7in halletti. Site klas\u00f6r\u00fcn\u00fcn alt\u0131nda App_Data isminde bir klas\u00f6r ve i\u00e7inde kullan\u0131c\u0131 bilgilerini tutan bir database yaratt\u0131.<\/p>\n

\"\"<\/p>\n

Biraz \u00f6nce haz\u0131rlad\u0131\u011f\u0131m\u0131z login.aspx sayfas\u0131n\u0131 tekrar a\u00e7\u0131yoruz. Login olunca hangi sayfaya y\u00f6nlendirilece\u011fimizi ayarlayaca\u011f\u0131z. Bunun i\u00e7in login kontrol\u00fcn\u00fcn Tag Properties kutusunda, DestinationPageUrl’yi kitap h\u0131zl\u0131 listesi sayfas\u0131na quickList.aspx’e y\u00f6nlendiriyoruz.<\/p>\n

\"\"<\/p>\n

login.aspx sayfas\u0131n\u0131 kontrol i\u00e7in \u00f6n izleme ile browser’da a\u00e7\u0131yoruz. Ve kullan\u0131c\u0131 ad\u0131m\u0131z\u0131 \u015fifremizi girip ba\u011flan\u0131yoruz. Her \u015feyi do\u011fru yapt\u0131ysak kitaplar\u0131n h\u0131zl\u0131 listesi sayfas\u0131na ba\u011flanmal\u0131y\u0131z.<\/p>\n

\u015eimdi login olmu\u015f kullan\u0131c\u0131ya logout imkan\u0131 sunmal\u0131y\u0131z. Ayn\u0131 zamanda kullan\u0131c\u0131y\u0131 da bildirece\u011fiz.\u00a0 Bu logout imkan\u0131n\u0131n\u00a0 ba\u011flan\u0131lm\u0131\u015f her sayfada g\u00f6r\u00fcnmesini istedi\u011fimiz i\u00e7in bunu navigasyonun alt\u0131ndaki alana haz\u0131rlayaca\u011f\u0131z. Bunun i\u00e7in master page’i a\u00e7\u0131yoruz.ve navbox DIV’nin i\u00e7ine UL sonuna Toolbox>ASP.NET Controls>Login alt\u0131ndan LoginView kontrol\u00fcn\u00fc s\u00fcr\u00fckleyip b\u0131rak\u0131yoruz.<\/p>\n

\"\"<\/p>\n

<div id=”navBox”>
\n<ul>
\n<li><a href=”default.aspx”>Ana Sayfa<\/a><\/li>
\n<li><a href=”bookLists.aspx”>Kitap Listesi<\/a><\/li>
\n<li><a href=”quickList.aspx”>H\u0131zl\u0131 Liste<\/a><\/li>
\n<li><a href=”writers.aspx”>Yazarlar<\/a><\/li>
\n<li><a href=”messages.aspx”>Mesajlar<\/a><\/li>
\n<li><a href=”frp.aspx”>FRP Nedir?<\/a><\/li>
\n<\/ul>
\n<asp:LoginView runat=”server” id=”LoginView1″>
\n<\/asp:LoginView>
\n<\/div><\/div>\n

LoginView Tasks kutusunda LoggedInTemplate’i se\u00e7iyoruz ve template alan\u0131na “Merhaba” yaz\u0131p bir bo\u015fluk b\u0131rak\u0131yoruz.<\/p>\n

\"\"<\/p>\n

\u015eimdi Merhaba kelimesinin devam\u0131na Toolbox>ASP.NET Controls>Login alt\u0131ndan LoginName kontrol\u00fcn\u00fc s\u00fcr\u00fckleyip b\u0131rak\u0131yoruz.<\/p>\n

\"\"<\/p>\n

LoginName kontrol\u00fcn\u00fcn arkas\u0131na bu sefer Toolbox>ASP.NET Controls>Login alt\u0131ndaki LoginStatus kontrol\u00fcn\u00fc s\u00fcr\u00fckleyip b\u0131rak\u0131yoruz. Ve tasks kutusunda Logged In’i se\u00e7iyoruz.<\/p>\n

\"\"<\/p>\n

LoginStatus kontrol\u00fcn\u00fcn tag properties kutusundaki LogoutText’i \u00c7\u0131k\u0131\u015f olarak de\u011fi\u015ftiriyoruz.<\/p>\n

\"\"<\/p>\n

Ve \u00e7\u0131k\u0131\u015f yapt\u0131\u011f\u0131m\u0131zda hangi sayfada olursak olal\u0131m tekrar login sayfas\u0131na d\u00f6nmek istiyorsak, LogoutAction’\u0131 RedirectToLoginPage olarak ayarl\u0131yoruz.<\/p>\n

\"\"<\/p>\n

G\u00f6r\u00fcn\u00fc\u015f\u00fc d\u00fczenlemek i\u00e7in logout b\u00f6l\u00fcm\u00fcne \u00f6zel CSS kural\u0131 yaz\u0131yoruz.<\/p>\n

.logoutText {
\ncolor: #000000;
\nmargin-left:10px;
\n}<\/div>\n

Merhabadan ba\u015flayan diziyi SPAN tag\u0131 i\u00e7ine al\u0131yoruz ve CSS kural\u0131m\u0131z bu SPAN’a uyguluyoruz.<\/p>\n

<asp:LoginView runat=”server” id=”LoginView1″>
\n<LoggedInTemplate>
\n<span>Merhaba
\n<asp:LoginName runat=”server” id=”LoginName1″\/>&nbsp;|&nbsp;
\n<asp:LoginStatus runat=”server” id=”LoginStatus1″ LogoutText=”\u00c7\u0131k\u0131\u015f” LogoutAction=”RedirectToLoginPage” \/>
\n<\/span>
\n<\/LoggedInTemplate>
\n<\/asp:LoginView><\/div>\n

\u015eimdi buraya kadar yapt\u0131klar\u0131m\u0131z\u0131 test edelim. \u0130lk \u00f6nce login.aspx sayfas\u0131n\u0131 a\u00e7\u0131yoruz. ve (F12) ile browserda a\u00e7\u0131yoruz. Kullan\u0131c\u0131 ad\u0131 ve \u015fifremizi girip “Ba\u011flan” a bas\u0131nca her \u015fey yolunda ise kitap listemizin a\u00e7\u0131lmas\u0131 gerekir.<\/p>\n

\"\"<\/a><\/p>\n

Bu sayfada men\u00fcn\u00fcn alt\u0131nda bize \u00f6zel bir kar\u015f\u0131lama ve “\u00c7\u0131k\u0131\u015f” bulunmal\u0131. E\u011fer \u00e7\u0131k\u0131\u015fa bast\u0131\u011f\u0131m\u0131zda sayfa login.aspx sayfas\u0131na d\u00f6n\u00fcyorsa login i\u015flemlerini ba\u015far\u0131yla tamamlam\u0131\u015f\u0131z demektir.<\/p>\n

\"\"<\/a><\/p>\n

Bu makalemde sitedeki verileri g\u00fcncellemenin ilk a\u015famas\u0131 olarak kullan\u0131c\u0131 yaratma ve login i\u015flemlerini anlatt\u0131m.<\/p>\n

\u0130yi \u00e7al\u0131\u015fmalar<\/p>\n

Te\u015fekk\u00fcrler.<\/p>\n","protected":false},"excerpt":{"rendered":"

22\/5\/2007 Merhaba bu makale serisinin \u00f6nceki b\u00f6l\u00fcmlerinde ad\u0131m ad\u0131m dinamik bir web sitesi olu\u015fturduk. \u015eimdi ise o sitenin bilgilerini g\u00fcncellemeyi incelleyece\u011fiz. Elbette bunu yapmak i\u00e7in ilk \u00f6nce bir yetkilendirme olu\u015fturmal\u0131y\u0131z. Bunun i\u00e7in bu makalemde Expression Web’de kullan\u0131c\u0131 yaratma ve login i\u015flemlerini anlataca\u011f\u0131m. Serinin ileriki makalelerinde siteyi g\u00fcncelleyece\u011fiz. Elbette bu g\u00fcncellemeler ve g\u00fcvenlik Expression Web ile […]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[11],"tags":[29],"class_list":["post-423","post","type-post","status-publish","format-standard","hentry","category-teknik-yazi","tag-expression-web"],"_links":{"self":[{"href":"http:\/\/erbugkaya.com\/index.php?rest_route=\/wp\/v2\/posts\/423","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/erbugkaya.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/erbugkaya.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/erbugkaya.com\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/erbugkaya.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=423"}],"version-history":[{"count":3,"href":"http:\/\/erbugkaya.com\/index.php?rest_route=\/wp\/v2\/posts\/423\/revisions"}],"predecessor-version":[{"id":2535,"href":"http:\/\/erbugkaya.com\/index.php?rest_route=\/wp\/v2\/posts\/423\/revisions\/2535"}],"wp:attachment":[{"href":"http:\/\/erbugkaya.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=423"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/erbugkaya.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=423"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/erbugkaya.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=423"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}