Система для проведения опросов
Самый простой способ запуска - установить
npm i -g my_wins
И запустить mywins.bat
Запуск компилятора api сервера
npm run watch
Запуск компилятора front-end сервера
npm run web_server_dev
Запуск api сервера
node --trace-warnings ts_out/src/start.js run --devuser=test
Страница в браузере
Адрес в браузере с просмотром ответа от api сервера
http://localhost:4300/api/survey?id=1
src\start.ts - сервер
src\client\index.tsx - клиент
-
src - папка всех исходников. Все ее - только сгенерированные и конфигурационные файлы
- api - содержит описание запросов и ответов, а также их верификаторов. Используется и сервером и клиентом
- client - вся клиентская часть
- components - визуальная часть. React компоненты
- models - структуры данных
- server
- controllers - обработчики HTTP запросов (get, post и тп)
- models - модели данных - уровень абстракции от БД
- tests - тесты
- types - общие типы данных
- Папки Y* - разные библиотеки, которые пока не были вынесены в отдельные репозитарии. Вообще их проще разместить в папке Lib
- Yjira - библиотека для взаимодействия с Jira
- Yoracle - библиотека для взаимодействия с Oracle
- Ystd - большой набор небольших "стандартных" функций
-
CSS как растянуть div на остаток пространства на странице
- https://stackoverflow.com/questions/25098042/fill-remaining-vertical-space-with-css-using-displayflex/25098486
- https://stackoverflow.com/questions/34977227/html5-css-full-height-layout
- https://stackoverflow.com/questions/90178/make-a-div-fill-the-height-of-the-remaining-screen-space
- http://blog.stevensanderson.com/2011/10/05/full-height-app-layouts-a-css-trick-to-make-it-easier/
-
Для Material-UI - набор дополнительных компонент и сложных компонент https://mui-treasury.com/
-
Пригодятся выборки из календаря https://material-ui-pickers.dev
- https://material-ui.com/components/autocomplete/ -Autocomplete! лучший!
-
Есть готовые библиотеки с формами ввода
- https://react-select.com/ - понравился - крутой Drop-Down в том числе с множественным выбором!
-
https://github.com/react-hook-form/react-hook-form - полноценные формы
-
``````` const valueContext = useValueContainerContext() .... ```
s ```` ````` `````` ```````