Módulo Webshop Automática para WebEngine MU Online

Introducción

En este artículo, exploraremos el Módulo Webshop Automática diseñado específicamente para WebEngine MU Online. Este módulo permite a los jugadores gestionar su tienda de manera eficiente y mejorar la experiencia de compra dentro del juego.

Imagenes

Características del Módulo

1. Estructura de Base de Datos

El módulo incluye scripts para crear las tablas necesarias en la base de datos. Aquí te mostramos cómo puedes implementarlo:

Script para Crear Tablas

CREATE TABLE WEBENGINE_ITEMS_WEBSHOP ( ID INT IDENTITY(1,1) PRIMARY KEY, iGrupo INT, iIndex INT, Name VARCHAR(50), Descripcion VARCHAR(100), Precio INT, Activo INT, Socket INT, Harmony INT, Ancient INT, Op380 INT, MinLevel INT, MaxLevel INT, MinLevelLife INT, MaxLevelLife INT, MinOpExe INT, MaxOpExe INT, MaxSockets INT, X INT, Y INT );

2. Registro de Logs

También se incluye un script para el registro de logs, lo que permite un seguimiento efectivo de las transacciones.

Script para Logs

CREATE TABLE WEBENGINE_WEBSHOP_LOGS ( ID INT IDENTITY(1,1) PRIMARY KEY, Grupo INT, Usuario VARCHAR(50), Personaje VARCHAR(50), Item VARCHAR(50), NivelItem INT, Skill INT, Luck INT, OpLife INT, OpExe INT, Acc INT, Harmony INT, Op380 INT, Socket1 INT, Socket2 INT, Socket3 INT, Socket4 INT, Socket5 INT, PrecioTotal INT, Moneda VARCHAR(50), SaldoRestante INT, Fecha DATETIME );

3. Filtro de Categoría en JavaScript

El módulo también incluye un script en JavaScript para filtrar productos por categoría, mejorando la usabilidad de la tienda.

Script JS para Filtro de Categoría

$(document).ready(function(){
$('.categoria_shop').click(function(){
var categoryItem = $(this).attr('category');

$('.categoria_shop_item').css('transform', 'scale(0)');
function hideProduct(){
$('.categoria_shop_item').hide();
} setTimeout(hideProduct,400);

function showProduct(){
$('.categoria_shop_item[category="'+categoryItem+'"]').show();
$('.categoria_shop_item[category="'+categoryItem+'"]').css('transform', 'scale(1)');
} setTimeout(showProduct,400);
});

$('.categoria_shop[category="all"]').click(function(){
function showAll(){
$('.categoria_shop_item').show();
$('.categoria_shop_item').css('transform', 'scale(1)');
} setTimeout(showAll,400);
});
});

Recursos Adicionales

• Archivos de la Webshop
• Web Engine con la Webshop instalada

Créditos

Agradecimientos a yhoon por su contribución.