jueves, 12 de octubre de 2017

Diseño Web Visual Studio

Nuevo Proyecto - Solución en Blanco

Seleccionar Solución - botón derecho
Agregar nuevo proyecto - Web - Aplicación Web ASP.NET - vacio

Seleccionar proyecto Web - botón derecho
Agregar nuevo Elemento - Web - Web Forms - Formulario Web Forms

Desde la barra de herramientas
Añadir tabla

Comando Sql para la creación de la base de datos:

Comando Sql para la creación de la tabla de usuarios:

cadenaConexion = "Data Source=DESKTOP-NJLRLMD;
Initial Catalog=Tienda;Integrated Security=True";
            string sql = "CREATE TABLE [dbo].[usuarios]( " +
                "[idUsuario] [int] IDENTITY(1,1) NOT NULL, " +
                "[NombreUsuario] [varchar] (50) NOT NULL, " +
                "[NickUsuario] [varchar] (50) NOT NULL, " +
                "[ClaveUsuario] [varchar] (50) NOT NULL, " +
                "[Administrador] [bit] NOT NULL DEFAULT((0)), " +
                "[Foto] [varchar] (500) NULL, " +
                "CONSTRAINT [PK_usuarios] PRIMARY KEY CLUSTERED " +
                "([idUsuario] ASC ) " +
                "WITH (PAD_INDEX = OFF, STATISTICS_NORECOMPUTE = OFF, " +
                "IGNORE_DUP_KEY = OFF, ALLOW_ROW_LOCKS = ON, " +
                "ALLOW_PAGE_LOCKS = ON) ON[PRIMARY] ) ON[PRIMARY]";
</textaraea>
ssss

<textarea style="height: 320px; margin: 0px; width: 550px;">
            string sql = "INSERT INTO [dbo].[usuarios] " +
                "([NombreUsuario],[NickUsuario],[ClaveUsuario],[Administrador],[Foto])"+
                "VALUES ('javier','javipell','123456',1,'')";

Comando Sql para la creación de la tabla de menus y submenus:

Para poner una plantilla html en ASP.NET descargar modelo en FREE CSS TEMPLATES, descomprimir y extraer las carpetas y el fichero index.html dentro del directorio del proyecto

En el explorador de soluciones - Mostrar todos los archivos y seleccionar los nuevos, y con el botón derecho Incluir en el proyecto

Botón derecho sobre el proyecto y agregar Web Forms con página maestra

Copiar el código del la pagina index.html y

y pegarlo y sustituir el código html de Web Forms con página maestra

Despues de pegarlo, eliminar todo lo que haya entre el body y el footer

Para crear un menú dinámico desde la bases de datos : Tutorial

en Site1.Master.cs poner el siguiente código:

protected void Page_Load(object sender, EventArgs e)
        {
            CrearMenus();
        }
        private void CrearMenus()
        {
            string sql = "SELECT * FROM menus; SELECT * FROM submenus;";
            Conexiones conexion = new Conexiones();
            DataSet dataSet = conexion.Ejecutar(sql);
            dataSet.Relations.Add("ChildRows",
                dataSet.Tables[0].Columns["IdMenu"],
                dataSet.Tables[1].Columns["IdMEnu"]);
            foreach (DataRow level1DataRow in dataSet.Tables[0].Rows)
            {
                MenuItem item = new MenuItem();
                item.Text = level1DataRow["NombreMenu"].ToString();
                item.NavigateUrl = level1DataRow["RutaMenu"].ToString();

DataRow[] level2DataRows = level1DataRow.GetChildRows("ChildRows");
                foreach (DataRow level2DataRow in level2DataRows)
                {
                    MenuItem childItem = new MenuItem();
                    childItem.Text = level2DataRow["NombreMenu"].ToString();
                    childItem.NavigateUrl = level2DataRow["RutaMenu"].ToString();
                    item.ChildItems.Add(childItem);
                }
                Menu1.Items.Add(item);
            }

sustituir el código el menú en la pagina htlm por este: