Başlangıç

Visual Studio 2013 Asp.NET ile css açılır menü yapma (html5, mysql veritabanı ve datarepeater kullanarak)

Yorum bırakın


Önce Mysql kullanabilmek için gerekli eklemeleri yapın.

Nasıl olduğunu okumak için tıklayın.

Daha sonra ilgili veritabanını mysql ile oluşturun. Ayarları yaptınız ise sql dosyası örneği aşağıdaki rar dosyasında vardır.

Nasıl ayarlandığını okumak için tıklayın.

2015-08-21 01-09-24 Ekran görüntüsü

İstediğiniz bir css menüyü internetten indirin veya ekteki rar dosyasını kullanın.

rar dosyasını indirmek için tıklayın.

simdi içerisindeki css dosyasını şekildeki gibi çalışma ortamınıza alın.

2015-08-21 01-25-26 Ekran görüntüsü

default.aspx dosyasının içeriği;

<%@ Page Language=”C#” AutoEventWireup=”true” CodeFile=”Default.aspx.cs” Inherits=”_Default” %>

<!DOCTYPE html>

<html xmlns=”http://www.w3.org/1999/xhtml”&gt;
<head runat=”server”>
<title></title>
<link href=”stil.css” rel=”stylesheet” />
</head>
<body>
<form id=”form1″ runat=”server”>

<asp:Repeater ID=”Repeater1″ runat=”server” OnItemDataBound=”Repeater1_ItemDataBound”>
<HeaderTemplate><ul id=”menu”></HeaderTemplate>
<ItemTemplate>
<li><a href=”<%# Eval(“link”) %>”><%# Eval(“ad”) %></a>
<asp:Repeater ID=”Repeater2″ runat=”server”>
<HeaderTemplate><ul></HeaderTemplate>
<ItemTemplate><li><a href=”<%# Eval(“link”) %>”><%# Eval(“ad”) %></a></li></ItemTemplate>
<FooterTemplate></ul></FooterTemplate>
</asp:Repeater>
</li>
</ItemTemplate>
<FooterTemplate></ul></FooterTemplate>
</asp:Repeater>

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

default.aspx.cs dosyasının içeriği;

using System;
using System.Collections.Generic;
using System.Data;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using MySql.Data;
using MySql.Data.MySqlClient;

public partial class _Default : System.Web.UI.Page
{
MySqlConnection baglanti = new MySqlConnection();
MySqlCommand sqlkomut = new MySqlCommand();
MySqlConnection baglanti2 = new MySqlConnection();
MySqlCommand sqlkomut2 = new MySqlCommand();
protected void Page_Load(object sender, EventArgs e)
{
baglanti.ConnectionString = “Server=localhost;User Id=root; Password=xxkendisifrenizxx; Database=deneme_db; Pooling=false”;
baglanti.Open();
sqlkomut.Connection = baglanti;
sqlkomut.CommandText = “select * from kategori”;
MySqlDataAdapter adaptergonder = new MySqlDataAdapter(sqlkomut);
DataTable ds = new DataTable();
adaptergonder.Fill(ds);
Repeater1.DataSource = ds;
Repeater1.DataBind();
baglanti.Close();

}
protected void Repeater1_ItemDataBound(object sender, RepeaterItemEventArgs e)
{
if (e.Item.ItemType == ListItemType.Item || e.Item.ItemType == ListItemType.AlternatingItem)
{
//try
//{
Repeater rp = (Repeater)e.Item.FindControl(“Repeater2”);
string sqlstring2 = “SELECT * FROM altkategori WHERE kategoriid='” + DataBinder.Eval(e.Item.DataItem, “id”).ToString()+”‘”;
baglanti2.ConnectionString =
“Server=localhost;User Id=root; Password=xxkendisifrenizxx; Database=deneme_db; Pooling=false”;
baglanti2.Open();
sqlkomut2.Connection = baglanti2;
sqlkomut2.CommandText = sqlstring2;
//Response.Write(sqlstring2);
MySqlDataAdapter adaptergonder2 = new MySqlDataAdapter(sqlkomut2);
DataTable dt = new DataTable();
adaptergonder2.Fill(dt);
if (dt.Rows.Count == 0)
{
rp.DataSource = null;
rp.DataBind();

}
else if (dt.Rows.Count > 0)
{
rp.DataSource = dt;
rp.DataBind();
}
baglanti2.Close();
/*}
catch
{
;
}
finally
{
;
}*/
}
}
}

Kodlamada değişik html5 ve css menülerle birlikte isterseniz jquery menuleri, sliderları da kullanabilirsiniz. Ama menü kodları karıştıkça kodlamalarda da değişiklikler yapmak gerekir.

2015-08-21 01-11-52 Ekran görüntüsü

şekildeki gibi bir menü  karşınıza gelir. Kullanılan css menu http://mintik.com adresinden rastgele alınmıştır. örnek olarak verilmiştir.

SilverLight 4.0 Kes, Yapıştır ve Kapat (Cut, Paste, Page Close)

Yorum bırakın


Visual Studio veya Expression Blend ile yeni bir silverlight projesi oluşturun.

  • MainPage.xaml Dosyası İçeriği;

<UserControl
xmlns=”http://schemas.microsoft.com/winfx/2006/xaml/presentation&#8221;
xmlns:x=”http://schemas.microsoft.com/winfx/2006/xaml&#8221;
x:Class=”sayfakapatma.MainPage”
Width=”640″ Height=”480″>

<Grid x:Name=”LayoutRoot” Background=”White”>

<StackPanel>
<Button x:Name=”btnKes” Content=”Kes” Click=”btnKes_Click” />
<Button x:Name=”btnYapistir” Content=”Yapıştır” Click=”btnYapistir_Click” />
<TextBox x:Name=”txtMetin” Height=”175″ Margin=”0,0,1,0″ />
<Button Content=”Sayfayı Kapat” Click=”Button_Click”/>
</StackPanel>
</Grid>
</UserControl>

  • MainPage.xaml.cs dosyasının içeriği;

using System;
using System.Collections.Generic;
using System.Linq;
using System.Net;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Animation;
using System.Windows.Shapes;

namespace sayfakapatma
{
public partial class MainPage : UserControl
{
public MainPage()
{
// Required to initialize variables
InitializeComponent();
}

private void Button_Click(object sender, System.Windows.RoutedEventArgs e)
{
// TODO: Add event handler implementation here.
System.Windows.Browser.HtmlPage.Window.Invoke(“close”);
}

private void btnKes_Click(object sender, System.Windows.RoutedEventArgs e)
{
// TODO: Add event handler implementation here.
Clipboard.SetText(txtMetin.Text);
txtMetin.Text = txtMetin.Text.Remove(txtMetin.SelectionStart, txtMetin.SelectionLength);
}

private void btnYapistir_Click(object sender, System.Windows.RoutedEventArgs e)
{
// TODO: Add event handler implementation here.
string textyukle = string.Empty;
textyukle = Clipboard.GetText();
txtMetin.Text = textyukle;
}
}
}

SilverLight 4.0 ile sürükle bırak kodları (en basit haliyle)

Yorum bırakın


  • önce bir silverlight projesi oluşturun. (Blend veya visual studio)
  • oluşan projedeki MainPage.xaml dosyasının içeriği.
  • LayoutRoot Canvas olacak. Sayfaya bir adet border1 ve içine bir resim ekledim. bir dikdörtgende olabilirdi.

<UserControl x:Class=”suruklebirak.MainPage”
xmlns=”http://schemas.microsoft.com/winfx/2006/xaml/presentation&#8221;
xmlns:x=”http://schemas.microsoft.com/winfx/2006/xaml&#8221;
xmlns:d=”http://schemas.microsoft.com/expression/blend/2008&#8243;
xmlns:mc=”http://schemas.openxmlformats.org/markup-compatibility/2006&#8243;
mc:Ignorable=”d”
d:DesignHeight=”300″ d:DesignWidth=”400″>

<Canvas x:Name=”LayoutRoot” Background=”White”>
<Border x:Name=”border1″ BorderBrush=”Black” BorderThickness=”1″ Height=”116″ Canvas.Left=”180″ Canvas.Top=”84″ Width=”129″ MouseLeftButtonDown=”border1_MouseLeftButtonDown” MouseLeftButtonUp=”border1_MouseLeftButtonUp” MouseMove=”border1_MouseMove” >
<Image x:Name=”resim” Source=”/basket.png” Stretch=”Uniform”></Image>
</Border>
</Canvas>
</UserControl>

  • MainPage.xaml.cs dosyasının  içeriği.

using System;
using System.Collections.Generic;
using System.Linq;
using System.Net;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Animation;
using System.Windows.Shapes;

namespace suruklebirak
{
public partial class MainPage : UserControl
{
private Point koordinatal;
private Boolean tasimadurum = false;
public MainPage()
{
InitializeComponent();
koordinatal = new Point();//nesne tanımla
}

private void border1_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
{
tasimadurum = true;//taşıma aç
koordinatal = e.GetPosition(border1); //cerçeve koordinatlarını al

}

private void border1_MouseLeftButtonUp(object sender, MouseButtonEventArgs e)
{
tasimadurum = false;//taşıma dur
}

private void border1_MouseMove(object sender, MouseEventArgs e)
{
if (tasimadurum)
{
Point p = e.GetPosition(null);//mousenin sahne üzerindeki koordinatlarını al
double x = p.X – koordinatal.X;
double y = p.Y – koordinatal.Y;
this.border1.SetValue(Canvas.LeftProperty, x);
this.border1.SetValue(Canvas.TopProperty, y);
}
}
}
}

Bana Silverlight Anlat

meslek lisesi ders notları

Eren ÇOLAK

Yazılım Mühendisi Olmak Yolunda İlerliyor...