Маленький портал

@Pascal61Am · Регистрация: 02.05.2017

Студворк — интернет-сервис помощи студентам

Всем привет. В очередной раз пишу здесь, так как не так уж хорош в Веб-программировании.
Задача такая, создать сайт с такими критериями:
1. Главная страница с полем для входа с соотв. кнопками,
2. Страница Регистрации,
3. Профиль пользователя/администратора: здесь администратор может увидеть свои данные, а так же добавить/удалить посты (Title, Description) в профили и в главную страницу, а обычный пользователь - свои данные и материалы, добавленные админом.

Мой прогресс такой:
1. Дал первичные виды страниц и добавил Кнопки и Вводы данных, а так же условное содержание страницы админа,
2. Привязал сервер MySQL к регистрации для добавления данных,
3. Создал проверку критерии пароля при регистрации (минимум 8 символов, а так же проверка совпадении двух вводов паролей) на javascript, но не смог привязать к регистрации.

Ещё нужно сделать (поочередно):
1. Связать критерии к регистрации,
2. Сделать скрипт JS для входа (Не введен Логин, не введен Пароль),
3. Сделать проверку входа и выполнение при удачности(Я так понял это с помощью session, но так и не разобрался), при этом если вход с id админа, то даем доступ к созданию постов,
4. Добавить создание материалов для админа,
5. Создать дизайн (это я сам попытаюсь понять, но все же помощь был бы кстати

).

Добавляю на всякий случай созданные файлы в архиве.
Если кто может помочь здесь или как нибудь ещё - буду рад очень.
Заранее благодарю.

projects.rar

@Jodah · 21.12.2018, 14:33

Сообщение от Pascal61Am

Если кто может помочь

С чем именно? Есть конкретные проблемы?

@Pascal61Am · 21.12.2018, 14:50 **[ТС]**

Jodah, То что не выполнил - сейчас проблема

Добавлено через 12 минут
Jodah, вот это

Сообщение от Pascal61Am

Ещё нужно сделать (поочередно):
1. Связать критерии к регистрации,
2. Сделать скрипт JS для входа (Не введен Логин, не введен Пароль),
3. Сделать проверку входа и выполнение при удачности(Я так понял это с помощью session, но так и не разобрался), при этом если вход с id админа, то даем доступ к созданию постов,
4. Добавить создание материалов для админа,
5. Создать дизайн (это я сам попытаюсь понять, но все же помощь был бы кстати ).

@tarasalk · 21.12.2018, 16:19

Сообщение от Pascal61Am

То что не выполнил - сейчас проблема

Ну если проблема только в этом, то надо просто взять и выполнить.

@Pascal61Am · 21.12.2018, 17:14 **[ТС]**

tarasalk, Вот именно - не получается

@Jodah · 21.12.2018, 17:59

Сообщение от Pascal61Am

То что не выполнил - сейчас проблема

С таким абстрактным описанием вряд ли дождётесь помощи. Здесь любят конкретику. Вот код, работает так-то, а должен так-то. А вы целое ТЗ описали, за вас его никто делать не будет.

@Pascal61Am · 21.12.2018, 20:28 **[ТС]**

Jodah, Ниже представляю:
Регистрация - register.php

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta http-equiv="content-type" content="text/html; charset=utf-8">
        <title>Registration</title>
        <meta name="viewport" content="width=device-width, initial-scale=1">
    </head>
    <body>
        <div id="page">
            <!-- [banner] -->
            <header id="banner">
                <hgroup>
                    <h1>Registration</h1>
                </hgroup>        
            </header>
            <!-- [content] -->
            <section id="content">
                <form id="registration" method="GET" action='../actions/register.php'>
                    First Name:<br>
                    <input name="first_name" type="text" placeholder="Enter your First Name" required>
                    <br>
                    Last Name:<br>
                    <input name="last_name" type="text" placeholder="Enter your Last Name" required>
                    <br>
                    Login:<br>
                    <input name="login" type="text" placeholder="Enter your Login (Nickname)" required>
                    <br>
                    Password:<br>
                    <input name="password" type="password" placeholder="Enter your Password" required>
                    <br>
                    Repeat the password:<br>
                    <input name="password_repeat" type="password" placeholder="Enter your Password again" required>
                    <br><br>
                    <button type="submit">Sign Up</button>
                    <a href="mainpage.php">Sign In</a>
                </form>
            </section>
        </div>
    </body>
</html>

Главная страница - mainpage.php:

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <title>Login page</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<div id="page">
    <!-- [banner] -->
    <header id="banner">
        <hgroup>
            <h1>Sign In</h1>
        </hgroup>        
    </header>
    <!-- [content] -->
    <section id="content">
        <form id="login" method="post" action=''>
            Login:<br>
            <input name="login" type="text" placeholder="Login" required>
            <br>
            Password:<br>
            <input name="password" type="password" placeholder="Password" required>
            <br><br>
            <button type="submit">Sign In</button>
            <a href="https://www.cyberforum.ru/views/register.php">
                Sign Up
            </a>
        </form>
    </section>
</div>
</body>
</html>

Страница Админа - adminprofile.php:

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<!DOCTYPE html>
<html lang="ru">
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <title>Profile</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<div id="page">
    <!-- [banner] -->
    <header id="banner">
        <hgroup>
            <h1>Profile</h1>
        </hgroup>        
    </header>
    <!-- [content] -->
    <section id="content">
        <form id="profile" method="post" action=''>
            Hello, [First Name] [Last Name]!<br>
            You're Admin, do you want to add something new in portal?<br>
            Title: <input name="title" type="text" placeholder="Enter the title of content" required>
            <br>
            Description: <input name="description" type="text" placeholder="Enter the description" required>
            <br>
            Where add this?<br>
            For Main Page: <input type="checkbox" checked/><br>
            For User's page: <input type="checkbox" checked/><br>
            <button type="submit">Add</button>
        </form>
    </section>
</div>
</body>
</html>

Добавлено через 3 минуты
Jodah, Имя моей базы - testtable, таблица users, а структура такова: id (с автоинкрементом), first_name, last_name, login, password
в отдельной папке actions создал файл connect.php для подключения, а так же файл с именем register.php, который добавляет данные в таблицу users.
Создал скрипт JS для register.php, чтобы создать критерии для пароля а так же проверить совпадение двух вводов,

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
function checkPass()
{
    var pass1 = document.getElementById('pass1');
    var pass2 = document.getElementById('pass2');
    var message = document.getElementById('error-nwl');
    var goodColor = "#66cc66";
    var badColor = "#ff6666";
    
    if(pass1.value.length > 7)
    {
        pass1.style.backgroundColor = goodColor;
        message.style.color = goodColor;
        message.innerHTML = "OK!"
    }
    else
    {
        pass1.style.backgroundColor = badColor;
        message.style.color = badColor;
        message.innerHTML = "You have to enter at least 8 digit!"
        return;
    }
  
    if(pass1.value == pass2.value)
    {
        pass2.style.backgroundColor = goodColor;
        message.style.color = goodColor;
        message.innerHTML = "OK!"
    }
    else
    {
        pass2.style.backgroundColor = badColor;
        message.style.color = badColor;
        message.innerHTML = "Passwords don't match"
    }
}

Но этот файл не смог привязать.
Теперь нужно создать процесс входа, возможности админа (описал в начале), выход из страницы, а так же дать дизайн всему этому.

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .	SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .	SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm 8Observer8 30.01.2026 Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .	SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .	Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .	SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .

@Pascal61Am 0 / 0 / 0 Регистрация: 02.05.2017 Сообщений: 117

	Маленький портал 21.12.2018, 14:06. Показов 1590. Ответов 6 Метки apache, css, html, javascript, mysql (Все метки) Всем привет. В очередной раз пишу здесь, так как не так уж хорош в Веб-программировании. Задача такая, создать сайт с такими критериями: 1. Главная страница с полем для входа с соотв. кнопками, 2. Страница Регистрации, 3. Профиль пользователя/администратора: здесь администратор может увидеть свои данные, а так же добавить/удалить посты (Title, Description) в профили и в главную страницу, а обычный пользователь - свои данные и материалы, добавленные админом. Мой прогресс такой: 1. Дал первичные виды страниц и добавил Кнопки и Вводы данных, а так же условное содержание страницы админа, 2. Привязал сервер MySQL к регистрации для добавления данных, 3. Создал проверку критерии пароля при регистрации (минимум 8 символов, а так же проверка совпадении двух вводов паролей) на javascript, но не смог привязать к регистрации. Ещё нужно сделать (поочередно): 1. Связать критерии к регистрации, 2. Сделать скрипт JS для входа (Не введен Логин, не введен Пароль), 3. Сделать проверку входа и выполнение при удачности(Я так понял это с помощью session, но так и не разобрался), при этом если вход с id админа, то даем доступ к созданию постов, 4. Добавить создание материалов для админа, 5. Создать дизайн (это я сам попытаюсь понять, но все же помощь был бы кстати ). Добавляю на всякий случай созданные файлы в архиве. Если кто может помочь здесь или как нибудь ещё - буду рад очень. Заранее благодарю. projects.rar 0

@Pascal61Am 0 / 0 / 0 Регистрация: 02.05.2017 Сообщений: 117
	21.12.2018, 17:14 [ТС]
	tarasalk, Вот именно - не получается 0