Egor/Internet_programming
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Done

Browse Source
This commit is contained in:
goblinrf 2023-12-12 22:00:46 +03:00
parent 7adb16fcb3
commit b008726e6a
40 changed files with 5172 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
Lab4/.eslintrc.cjs Normal file
View File

@ -0,0 +1,24 @@
module.exports = {
root: true,
env: { browser: true, es2020: true },
extends: [
'airbnb-base',
'plugin:react/recommended',
'plugin:react/jsx-runtime',
'plugin:react-hooks/recommended',
],
ignorePatterns: ['dist', '.eslintrc.cjs'],
parserOptions: { ecmaVersion: 12, sourceType: 'module' },
settings: { react: { version: '18.2' } },
plugins: ['react-refresh'],
rules: {
'react-refresh/only-export-components': [
'warn',
{ allowConstantExport: true },
],
'indent': 'off',
'no-console': 'off',
'arrow-body-style': 'off',
'implicit-arrow-linebreak': 'off',
},
}

24
Lab4/.gitignore vendored Normal file
View File

@ -0,0 +1,24 @@
# Logs
logs
*.log
npm-debug.log*
yarn-debug.log*
yarn-error.log*
pnpm-debug.log*
lerna-debug.log*
node_modules
dist
dist-ssr
*.local
# Editor directories and files
.vscode/*
!.vscode/extensions.json
.idea
.DS_Store
*.suo
*.ntvs*
*.njsproj
*.sln
*.sw?

29
Lab4/README.md Normal file
View File

@ -0,0 +1,29 @@
#### Окружение:
- nodejs 18;
- VSCode;
- ESLint плагин для VSCode;
- для отладки необходимы бразузеры Chrome или Edge.
#### Создание пустого проекта:
```commandline
npm create vite@latest ./ -- --template react
```
#### Установка зависимостей:
```commandline
npm install
```
#### Запуск проекта:
```commandline
npm run dev
```
#### Сборка проекта:
```commandline
npm run build
```

15
Lab4/index.html Normal file
View File

@ -0,0 +1,15 @@
<html lang="ru">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Университет</title>
</head>
<body>
<div id="root" class="h-100 d-flex flex-column"></div>
<script type="module" src="/src/main.jsx"></script>
</body>
</html>

14
Lab4/jsconfig.json Normal file
View File

@ -0,0 +1,14 @@
{
"compilerOptions": {
"module": "ESNext",
"moduleResolution": "Node",
"target": "ES2020",
"jsx": "react",
"strictNullChecks": true,
"strictFunctionTypes": true
},
"exclude": [
"node_modules",
"**/node_modules/*"
]
}

4344
Lab4/package-lock.json generated Normal file
View File

File diff suppressed because it is too large Load Diff

32
Lab4/package.json Normal file
View File

@ -0,0 +1,32 @@
{
"name": "lec4",
"private": true,
"version": "0.0.0",
"type": "module",
"scripts": {
"dev": "vite",
"build": "vite build",
"lint": "eslint . --ext js,jsx --report-unused-disable-directives --max-warnings 0",
"preview": "vite preview"
},
"dependencies": {
"react": "^18.2.0",
"react-dom": "^18.2.0",
"react-router-dom": "^6.18.0",
"bootstrap": "^5.3.2",
"react-bootstrap": "^2.9.1",
"react-bootstrap-icons": "^1.10.3",
"prop-types": "^15.8.1"
},
"devDependencies": {
"@types/react": "^18.2.15",
"@types/react-dom": "^18.2.7",
"@vitejs/plugin-react": "^4.0.3",
"eslint": "^8.45.0",
"eslint-config-airbnb-base": "^15.0.0",
"eslint-plugin-react": "^7.32.2",
"eslint-plugin-react-hooks": "^4.6.0",
"eslint-plugin-react-refresh": "^0.4.3",
"vite": "^4.4.5"
}
}

3
Lab4/public/favicon.svg Normal file
View File

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-cart2" viewBox="0 0 16 16">
<path d="M0 2.5A.5.5 0 0 1 .5 2H2a.5.5 0 0 1 .485.379L2.89 4H14.5a.5.5 0 0 1 .485.621l-1.5 6A.5.5 0 0 1 13 11H4a.5.5 0 0 1-.485-.379L1.61 3H.5a.5.5 0 0 1-.5-.5zM3.14 5l1.25 5h8.22l1.25-5H3.14zM5 13a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm-2 1a2 2 0 1 1 4 0 2 2 0 0 1-4 0zm9-1a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm-2 1a2 2 0 1 1 4 0 2 2 0 0 1-4 0z"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 463 B

0
Lab4/src/App.css Normal file
View File

26
Lab4/src/App.jsx Normal file
View File

@ -0,0 +1,26 @@
import PropTypes from 'prop-types';
import { Container } from 'react-bootstrap';
import { Outlet } from 'react-router-dom';
import './App.css';
import Footer from './components/footer/Footer.jsx';
import Navigation from './components/navigation/Navigation.jsx';
const App = ({ routes }) => {
return (
<>
<Navigation routes={routes}></Navigation>
<Container className='p-2' as="main" fluid>
<Outlet />
</Container>
<Footer />
</>
);
};
App.propTypes = {
routes: PropTypes.array,
};
export default App;

BIN
Lab4/src/assets/cabinet_autch.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.4 MiB

BIN
Lab4/src/assets/image_from_main_1.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 24 KiB

BIN
Lab4/src/assets/image_from_main_2.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 34 KiB

BIN
Lab4/src/assets/image_from_main_3.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 22 KiB

BIN
Lab4/src/assets/image_from_second_1.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 50 KiB

BIN
Lab4/src/assets/image_from_second_2.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 28 KiB

BIN
Lab4/src/assets/image_from_sport_1.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 28 KiB

BIN
Lab4/src/assets/image_from_sport_2.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 24 KiB

BIN
Lab4/src/assets/image_from_student_1.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 39 KiB

BIN
Lab4/src/assets/logo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 21 KiB

BIN
Lab4/src/assets/logo_cabinet.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 17 KiB

BIN
Lab4/src/assets/logo_footer.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 10 KiB

BIN
Lab4/src/assets/news1_image.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 65 KiB

BIN
Lab4/src/assets/news2_image.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 96 KiB

6
Lab4/src/components/footer/Footer.css Normal file
View File

@ -0,0 +1,6 @@
footer {
background-color: #27273e;
display: flex;
}

34
Lab4/src/components/footer/Footer.jsx Normal file
View File

@ -0,0 +1,34 @@
import { Link } from 'react-router-dom';
import './Footer.css';
import logoFooter from '../../assets/logo_footer.png';
function Footer() {
return (
<footer className="footer mt-auto text-white py-1">
<div className="container">
<div className="row align-items-center">
<div className="col-md-4">
<a className="navbar-brand text-dark" href="/">
<img src={logoFooter} width="240" height="60" alt="Мой логотип в футере" />
</a>
</div>
<div className="col-md-4">
<p className="mb-1 mt-0">Адрес и контакты</p>
<p className="mb-1 mt-0">432027, г. Ульяновск, ул. Северный Венец, д. 32</p>
<p className="mb-1 mt-0">Приёмная ректора: +7 (8422) 43-06-43,
<a href="mailto:rector@ulstu.ru" className="footer-contacts__mail">rector@ulstu.ru</a>
</p>
<p className="mb-1 mt-0">Вопросы по сайту:
<a href="mailto:web@ulstu.ru" className="footer-contacts__mail">web@ulstu.ru</a>
</p>
</div>
<div className="col-md-4 text-md-center">
<Link to="/page2" className="footer-nav-link">Об университете</Link>
</div>
</div>
</div>
</footer>
);
}
export default Footer;

12
Lab4/src/components/navigation/Navigation.css Normal file
View File

@ -0,0 +1,12 @@
.my-navbar {
background-color: #ffffff !important;
}
.my-navbar .link a:hover {
text-decoration: underline !important;
}
.my-navbar .logo {
width: 26px;
height: 26px;
}

40
Lab4/src/components/navigation/Navigation.jsx Normal file
View File

@ -0,0 +1,40 @@
import PropTypes from 'prop-types';
import { Container, Nav, Navbar } from 'react-bootstrap';
import { Link, useLocation } from 'react-router-dom';
import logo from '../../assets/logo.png';
import './Navigation.css';
const Navigation = ({ routes }) => {
const location = useLocation();
const indexPageLink = routes.filter((route) => route.index === false).shift();
const pages = routes.filter((route) => Object.prototype.hasOwnProperty.call(route, 'title'));
return (
<header>
<Navbar expand='md' className='my-navbar'>
<Container fluid>
<Navbar.Brand as={Link} to={indexPageLink?.path ?? '/'}>
<img src={logo} alt="Мой логотип" width="280" height="60" />
</Navbar.Brand>
<Navbar.Toggle aria-controls='main-navbar' />
<Navbar.Collapse id='main-navbar'>
<Nav className='me-auto link' activeKey={location.pathname}>
{
pages.map((page) =>
<Nav.Link as={Link} key={page.path} eventKey={page.path} to={page.path ?? '/'}>
{page.title}
</Nav.Link>)
}
</Nav>
</Navbar.Collapse>
</Container>
</Navbar>
</header>
);
};
Navigation.propTypes = {
routes: PropTypes.array,
};
export default Navigation;

27
Lab4/src/index.css Normal file
View File

@ -0,0 +1,27 @@
h1 {
font-size: 1.5em;
}
h2 {
font-size: 1.25em;
}
h3 {
font-size: 1.1em;
}
.btn-mw {
width: 100%;
}
@media (min-width: 768px) {
.btn-mw {
width: 30%;
}
}
@media (min-width: 1200px) {
.btn-mw {
width: 20%;
}
}

67
Lab4/src/main.jsx Normal file
View File

@ -0,0 +1,67 @@
import 'bootstrap/dist/css/bootstrap.min.css';
import React from 'react';
import ReactDOM from 'react-dom/client';
import { RouterProvider, createBrowserRouter } from 'react-router-dom';
import App from './App.jsx';
import './index.css';
import ErrorPage from './pages/ErrorPage.jsx';
import Page1 from './pages/Page1.jsx';
import Page2 from './pages/Page2.jsx';
import Page3 from './pages/Page3.jsx';
import Page4 from './pages/Page4.jsx';
import Page5 from './pages/Page5.jsx';
import Page6 from './pages/Page6.jsx';
import PageEdit from './pages/PageEdit.jsx';
const routes = [
{
index: true,
path: '/',
element: <Page1 />,
title: 'Главная страница',
},
{
path: '/page2',
element: <Page2 />,
title: 'Об университете',
},
{
path: '/page3',
element: <Page3 />,
title: 'Студенческая жизнь',
},
{
path: '/page4',
element: <Page4 />,
title: 'Мир спорта',
},
{
path: '/page5',
element: <Page5 />,
title: 'Личный кабинет',
},
{
path: '/page6',
element: <Page6 />,
title: 'Админка',
},
{
path: '/page-edit',
element: <PageEdit />,
},
];
const router = createBrowserRouter([
{
path: '/',
element: <App routes={routes} />,
children: routes,
errorElement: <ErrorPage />,
},
]);
ReactDOM.createRoot(document.getElementById('root')).render(
<React.StrictMode>
<RouterProvider router={router} />
</React.StrictMode>,
);

19
Lab4/src/pages/ErrorPage.jsx Normal file
View File

@ -0,0 +1,19 @@
import { Alert, Button, Container } from 'react-bootstrap';
import { useNavigate } from 'react-router-dom';
const ErrorPage = () => {
const navigate = useNavigate();
return (
<Container fluid className="p-2 row justify-content-center">
<Container className='col-md-6'>
<Alert variant="danger">
Страница не найдена
</Alert>
<Button className="w-25 mt-2" variant="primary" onClick={() => navigate(-1)}>Назад</Button>
</Container>
</Container>
);
};
export default ErrorPage;

72
Lab4/src/pages/Page1.jsx Normal file
View File

@ -0,0 +1,72 @@
const Page1 = () => {
return (
<div className="container mb-4">
<div className="row">
<div className="col-md-8">
<div className="text-justify p-2">
<h1>Общая информация</h1>
<p className="mt-3 mb-2">
УлГТУ - крупнейшее учебное заведение Ульяновской области. Общая площадь
помещений университета - 142 тыс. кв. м., из них под учебно-лабораторную базу
отведено
89 тыс. кв. м.
Университет является
одним из ведущих научных центров Поволжья. Сегодня университет находится в стадии
устойчивого
наращивания научно-педагогических сил и новых технологий и форм обучения.
Осуществлен полный переход
на многоуровневую систему подготовки кадров, взят курс на гуманитаризацию
технического образования.
</p>
<p className="mt-0 mb-2">
Новое время потребовало появления новых структур, значительно расширивших возможность
получения основного,
дополнительного, параллельного и дистанционного образования. Самое
пристальное внимание на кафедрах
уделяется развитию информационных технологий обучения с использованием современных
средств вычислительной
и мультимедийной техники. Каждый год в университете открываются новые учебные
направления и специальности,
в максимальной степени обеспечивающие тягу молодежи к знаниям,
что подтверждается растущим конкурсом на
приемных экзаменах.
</p>
<p className="mt-0 mb-2">
Несмотря на спад в экономике, увеличивается объем научных исследований
по договорной тематике, в том числе
в нетрадиционных для нашего вуза отраслях: сельском и коммунальном хозяйстве и т.д.
</p>
<p className="mt-0 mb-2">
Значительно возросла эффективность подготовки научных кадров через
магистратуру, аспирантуру, докторантуру.
Открыты специализированные советы по защите докторских и кандидатских диссертаций.
</p>
<p className="mt-0 mb-2">
Университет энергично развивает международные связи. Они предусматривают
обучение и переподготовку как
иностранных граждан, так и наших преподавателей и студентов в
зарубежных университетах. Создан лингвистический
центр, оснащенный самым современным оборудованием для изучения языков.
</p>
<p className="m-0">
Испытывая острую нехватку бюджетных средств, университет тем не
менее не свертывает социальную сферу:
расширяется и укрепляется культурная и спортивно-оздоровительная
деятельность, растет число студенческих
общежитий, украшается и озеленяется студенческий городок.
</p>
</div>
</div>
<div className="col-md-4">
<div className="p-2">
<img src="./src/assets/image_from_main_1.jpg" alt="Картинка" className="w-100" />
<img src="../src/assets/image_from_main_2.jpg" alt="Картинка" className=" d-block mt-2 w-100" />
<img src="../src/assets/image_from_main_3.jpg" alt="Картинка" className="d-block mt-2 w-100" />
</div>
</div>
</div>
</div>
);
};
export default Page1;

104
Lab4/src/pages/Page2.jsx Normal file
View File

@ -0,0 +1,104 @@
import ulstuLogo from '../assets/logo.png';
const Page2 = () => {
return (
<>
<main className="flex-shrink-0">
<div className="container mb-4">
<div className="row">
<div className="col-md-8">
<div className="text-justify p-2">
<h1>История</h1>
<p className="mt-3 mb-2">История Ульяновского государственного технического университета началась в 1957 году, когда согласно постановлению Совета министров РСФСР от 6 сентября 1957 года и приказу Министерства высшего образования СССР от 18 сентября 1957 года в городе Ульяновске был организован вечерний политехнический институт на базе вечернего факультета Куйбышевского индустриального института.</p>
<p className="mt-0 mb-2">
Важным событием, определившим дальнейшее развитие института,
стало Постановление Совета Министров СССР от 12 июля 1962
года и в
соответствии с ним Постановление Совмина РСФСР от 30 июля 1962
года об
организации Ульяновского политехнического института (УлПИ) с
дневной формой
обучения. В то же время в нём сохранились вечернее и
заочное обучение.
На дневном обучении были организованы механический
(машиностроительный)
и радиотехнический факультеты и создана 21 кафедра.
В целях улучшения учебно-методической работы со студентами
заочной
формы обучения в 1962 году в городе Димитровград (Мелекесс)
был открыт учебно-консультационный пункт.
</p>
<p className="mt-0 mb-2">
УлГТУ одним из первых в Поволжье начал активно развивать
международную деятельность. В 90-е годы в относительно
короткий срок были подписаны первые протоколы и соглашения
о международном сотрудничестве с Вирджинским политехническим
институтом (США), Нижнерейнской высшей технической школой
(Германия), Новосандецким отделением общества
российско-польской дружбы и др. Тогда же в университете
появились первые иностранные учащиеся из Индии.
Инициатива и активность технического университета
была поддержана Государственным комитетом по делам
науки и высшей школы, и на базе УлГТУ в 1992 году
был создан Ульяновский городской межвузовский центр
международного сотрудничества (УГМЦМС).
</p>
<p className="mt-0 mb-2">
В 2005 году на территории УлГТУ открылся первый в
Ульяновске «Комплекс открытых спортивных плоскостных
сооружений» с искусственными покрытиями. Комплекс
включает в себя: футбольное поле, стадион с шестью
беговыми дорожками, две баскетбольные площадки, два т
еннисных корта, три волейбольные площадки и площадку
силовой гимнастической подготовки.
В 2016 УлГТУ вошел в Международный рейтинг высших
учебных заведений Academic Ranking of World Universities
– European Standard, опубликованный Европейской
научно-промышленной палатой. Из всех российских
вузов в рейтинге оказалось только 173, в том числе
и Политех, вошедший в категорию «В»
(надежное качество преподавания) и занявший 117 место.
</p>
<p className="mt-0 mb-2">
В 2018 году в УлГТУ был открыт Международный институт,
в котором проводится огромная работа по зачислению,
обучению и адаптации иностранных студентов, а также
по международному сотрудничеству с партнерами.
В этом же году в вузе совместно с DMG MORI создан
Региональный технологический центр промышленного
интернета в машиностроении. Он стал уникальной в
регионе площадкой создания и развития междисциплинарных
проектов в сфере промышленного интернета.
</p>
<p className="m-0 mb-2">
В 2019 году на базе университета открылось
особое пространство для коллективной работы
студентов, научно-исследовательской и проектной
деятельности по приоритетным направлениям Национальной
технологической инициативы — научно-образовательный
центр «Точка кипения УлГТУ».
</p>
<p className="mt-0 ">
В 2022 году УлГТУ и Центр компетенций развития
промышленности заключили соглашение о сотрудничестве
в области машиностроения. Основная цель сотрудничества
- провести замену материалов и технологий производства
деталей двигателя для автомобилей УАЗ с алюминиевых
на пластиковые.
</p>
</div>
</div>
<div className="col-md-4">
<div className="p-2">
<img src={ulstuLogo} alt="Картинка" className="w-100" />
<img src="./src/assets/image_from_second_1.jpg" alt="Картинка" className="d-block mt-5 w-100" />
</div>
</div>
</div>
</div>
</main>
</>
);
};
export default Page2;

72
Lab4/src/pages/Page3.jsx Normal file
View File

@ -0,0 +1,72 @@
const Page3 = () => {
return (
<main className="flex-shrink-0">
<div className="container mb-4">
<div className="row">
<div className="col-md-8">
<div className="text-justify p-2">
<h1>Студенческая жизнь</h1>
<p className="mt-3 mb-2 sd-flex align-items-center">
<i className="fas fa-phone"></i> (8422) 77-81-35
<span className="ms-5">@</span>
<a href="mailto:drmso.ulstu@gmail.com">
drmso.ulstu@gmail.com
</a>
</p>
<div className="mt-3 mb-2">
<p>
Реализацией молодежной политики в УлГТУ и организацией
внеучебной и воспитательной работы со студентами занимается
Департамент по работе с молодежью и связям с общественностью.
Департамент оказывает студентам помощь, связанную с:
</p>
<ul className="list-unstyled">
<li>
<i className="fas fa-square text-black"></i> организацией внеучебных мероприятий
</li>
<li>
<i className="fas fa-square text-black"></i> развитием студенческого самоуправления
</li>
<li>
<i className="fas fa-square text-black"></i> популяризацией научно-технического творчества
</li>
<li>
<i className="fas fa-square text-black"></i> идеями проектов по формированию семейных, гражданско-патриотических, духовно-нравственных ценностей
</li>
<li>
<i className="fas fa-square text-black"></i> поездками на форумы / конкурсы / олимпиады
</li>
<li>
<i className="fas fa-square text-black"></i> а также по другим внеучебным вопросам.
</li>
</ul>
</div>
<p className="mt-3 mb-2">
У студентов Ульяновского Политеха есть возможность
проявить себя и раскрыть свой потенциал в различных
конкурсах, фестивалях, олимпиадах, участвуя в деятельности
студенческих клубов и объединений. Активные студенты получают
возможность получить поощрения: бесплатные туристические поездки
по России, назначение повышенной стипендии, ценные подарки
от университета и многое другое. Приглашаем тебя присоединиться
к нашей команде и стать активным участником вузовских событий!
</p>
</div>
</div>
<div className="col-md-4">
<div className="p-2">
<img src="./src/assets/image_from_student_1.jpg" alt="Картинка" className="w-100" />
<p>
Ирина Чебиняева -
директор департамента по работе
с молодежью и связям с общественностью
</p>
</div>
</div>
</div>
</div>
</main>
);
};
export default Page3;

76
Lab4/src/pages/Page4.jsx Normal file
View File

@ -0,0 +1,76 @@
/* eslint-disable linebreak-style */
const Page4 = () => {
return (
<main className="flex-shrink-0">
<div className="container mb-4">
<div className="row">
<div className="col-md-8">
<div className="text-justify p-2">
<h1>Спорт</h1>
<p className="mt-3 mb-2">В УлГТУ работают различные спортивные секции для развития студентов. Предоставлен большой выбор специализаций: футбол, хоккей на траве, плавание, баскетбол, волейбол, спортивное ориентирование, легкая и тяжелая атлетика, настольный теннис и бадминтон, стрелковый спорт. Ребята сами выбирают, чем они хотят заниматься.</p>
<p className="mt-0 mb-2">
Для занятий спортом и поддержания здоровья на
территории студенческого кампуса УлГТУ имеется
комплекс открытых и закрытых спортивных сооружений.
Комплекс спортивных сооружений УлГТУ включает: стадион
с искусственным синтетическим покрытием, футбольное поле,
беговые дорожки, две баскетбольные площадки, волейбольная
площадка, поле пляжного волейбола, силовой городок, сектор
для прыжков в длину, универсальные залы
(волейбол, баскетбол, минифутбол, теннис), залы аэробики,
шахматный клуб, тренажерный зал, зал настольного тенниса,
лыжная трасса.
</p>
<p className="mt-0 mb-2">
Также на территории УлГТУ действует физкультурно-оздоровительный
комплекс с бассейном «Северная волна». В новом комплексе
проходят занятия по физкультуре и тренировки сборной
УлГТУ по плаванию. ФОК доступен как для студентов и
сотрудников УлГТУ, так и для горожан.
</p>
<p className="mt-0 mb-2">
У студентов есть возможность вступить в сборные команды УлГТУ:
</p>
<ul className="list-unstyled">
<li>
<i className="fas fa-square text-black"></i> Сборная команда по футболу и хоккею на траве
</li>
<li>
<i className="fas fa-square text-black"></i> Сборная команда по баскетболу
</li>
<li>
<i className="fas fa-square text-black"></i> Сборная команда по волейболу
</li>
<li>
<i className="fas fa-square text-black"></i> Сборная команда по настольному теннису
</li>
<li>
<i className="fas fa-square text-black"></i> Сборная команда по плаванью
</li>
<li>
<i className="fas fa-square text-black"></i> Сборная команда по тяжелой атлетике
</li>
</ul>
<p className="mt-0">
Для того, чтобы стать членом сборной команды вуза, необходимо
связаться
с ведущими тренерами сборных. Находясь в команде
сборной, студенты изучают основные правила игры,
участвуют в соревнованиях и представляют честь вуза
как на уровне региона, так и по всей России и миру.
</p>
</div>
</div>
<div className="col-md-4">
<div className="p-2">
<img src="./src/assets/image_from_sport_1.jpg" alt="Картинка" className="w-100" />
<img src="./src/assets/image_from_sport_2.jpg" alt="Картинка" className="d-block mt-5 w-100" />
</div>
</div>
</div>
</div>
</main>
);
};
export default Page4;

34
Lab4/src/pages/Page5.jsx Normal file
View File

@ -0,0 +1,34 @@
/* eslint-disable linebreak-style */
const Page5 = () => {
return (
<>
<div className="container-fluid">
<div className="row">
<div className="col-xl-4 col-lg-5 col-md-6 text-center">
<div className="d-flex align-items-center min-vh-100">
<div className="container">
<a className="navbar-brand" href="/">
<img src="./src/assets/logo_cabinet.jpg" alt="Логотип" width="280" height="170" className="text-center mb-4" />
</a>
<h2 className="text-center"> Вход</h2>
<h3 className="text-center">Личный кабинет</h3>
<form>
<div className="mb-3">
<input type="text" className="form-control" id="login" name="login" placeholder="Логин" required />
</div>
<div className="mb-3">
<input type="password" className="form-control" id="password" name="password" placeholder="Пароль" required />
</div>
<button className="btn btn-purple btn-block" type="submit">Вход</button>
</form>
</div>
</div>
</div>
<div id="ams-auth-image" className="col-xl-8 col-lg-7 col-md-6 d-none d-md-flex" style={ { backgroundImage: 'url(./src/assets/cabinet_autch.jpg)' }}></div>
</div>
</div>
</>
);
};
export default Page5;

28
Lab4/src/pages/Page6.jsx Normal file
View File

@ -0,0 +1,28 @@
import { Button, ButtonGroup, Table } from 'react-bootstrap';
import { Link } from 'react-router-dom';
const Page6 = () => {
return (
<>
<ButtonGroup>
<Button as={Link} to="/page-edit" variant="success">Добавить (страница)</Button>
</ButtonGroup>
<Table className="mt-2" striped>
<thead>
<tr>
<th scope="col">№</th>
<th scope="col" className="w-25">Заголовок</th>
<th scope="col" className="w-25">Текст</th>
<th scope="col" className="w-25">Дата</th>
<th scope="col"></th>
<th scope="col"></th>
<th scope="col"></th>
</tr>
</thead>
<tbody></tbody>
</Table>
</>
);
};
export default Page6;

57
Lab4/src/pages/PageEdit.jsx Normal file
View File

@ -0,0 +1,57 @@
import { useState } from 'react';
import { Button, Form } from 'react-bootstrap';
import { Link } from 'react-router-dom';
const PageEdit = () => {
const [validated, setValidated] = useState(false);
const handleSubmit = (event) => {
const form = event.currentTarget;
if (form.checkValidity() === false) {
event.preventDefault();
event.stopPropagation();
}
setValidated(true);
};
return (
<>
<div className="text-center">
<img id="image-preview" src="https://via.placeholder.com/200" className="rounded rounded-circle"
alt="placeholder" />
</div>
<Form id="items-form" noValidate validated={validated} onSubmit={handleSubmit}>
<Form.Group className="mb-2" controlId="item">
<Form.Label htmlFor="item" className="form-label"></Form.Label>
<Form.Select name='selected' required>
</Form.Select>
</Form.Group>
<Form.Group className="mb-2" controlId="text">
<Form.Label>Заголовок</Form.Label>
<Form.Control type="text" placeholder="Введите текст" required />
<Form.Control.Feedback type="invalid">
Пожалуйста, введите заголовок.
</Form.Control.Feedback>
</Form.Group>
<Form.Group className="mb-2" controlId="text">
<Form.Label>Текст</Form.Label>
<Form.Control as="textarea" rows={3} placeholder="Введите текст" required />
<Form.Control.Feedback type="invalid">
Пожалуйста, введите текст.
</Form.Control.Feedback>
</Form.Group>
<Form.Group className="mb-2" controlId="file">
<Form.Label>Изображение</Form.Label>
<Form.Control type="file" name="image" accept="image/*" />
</Form.Group>
<Form.Group className="d-flex flex-md-row flex-column justify-content-center">
<Button className="btn-mw me-md-3 mb-md-0 mb-2" as={Link} to="/page4" variant="secondary">Назад</Button>
<Button className="btn-mw me-md-3" type="submit" variant="primary">Сохранить</Button>
</Form.Group>
</Form>
</>
);
};
export default PageEdit;

13
Lab4/vite.config.js Normal file
View File

@ -0,0 +1,13 @@
/* eslint-disable import/no-extraneous-dependencies */
import react from '@vitejs/plugin-react';
import { defineConfig } from 'vite';
// https://vitejs.dev/config/
export default defineConfig({
plugins: [react()],
build: {
sourcemap: true,
chunkSizeWarningLimit: 1024,
emptyOutDir: true,
},
});

BIN
Lab4/Отчет (1).doc Normal file
View File

Binary file not shown.