费用报销系统 费用报销系统（ERS）将管理向员工报销在公司上班时间产生的费用的过程。 公司中的所有员工都可以登录并提交报销请求，并查看他们过去的罚单和未决的请求。 财务经理可以登录并查看公司所有员工的所有偿还要求和过去的历史记录。 财务经理有权批准和拒绝费用报销请求。 使用的技术 React JS：版本17.0.1 材质用户界面：版本4.11.2 ECMAScript 6 / Javascript / HTML5 / CSS3 AJAX Java：版本1.8 Servlet：版本3.1.0 JDBC SQL / PostgreSQL：版本42.2.18 AWS-RDS Maven：版本1.8 Tomcat：版本9.0 吉特Visual Studio程式码Eclipse：Spring工具套装4 特征 员工： 登录 添加报销申请->报销类型：员工可以选择报销类型：住宿，旅行，食品或其他 可以

Material-UI 快速构建漂亮的 React 应用程序。 Material-UI 是一个简单且可定制的组件库，用于构建更快、更美观、更易于访问的 React 应用程序。 遵循您自己的设计系统，或从 Material Design 开始。 安装 Material-UI 以 npm 包的形式提供。 Stable channel v4 // with npm npm install @material-ui/core // with yarn yarn add @material-ui/core :warning: 所有正在进行的工作都转移到了 v5。 v4 的开发仅限于重要的错误修复、安全补丁和简化到 v5 的升级路径。 Alpha channel v5 // with npm npm install @material-ui/[email protected] @emotion/react @emotion/styled // with yarn yarn add @material-ui/[email protected] @emotion/react @emotion/styl

Builder Book开源Web应用程序，用于发布文档或书籍。 我们已经使用了这个builderbook项目来构建：Async-面向软件开发人员小团队的通信工具Builder Book-了解如何构建完整版Builder Book开源Web应用程序以发布文档或书籍。 我们已经使用了这个builderbook项目来构建：异步-面向软件开发人员小型团队的通信工具Builder Book-了解如何从头开始构建完整的Web应用程序SaaS Boilerplate-开源Web应用程序以构建自己的SaaS产品Live应用程序： https://builderbook.org/books/builder-book/introduction。 您如何使用此应用程序？ 作为React / Material-UI / Next / Express / Mongoose / MongoDB堆栈的学习材料

带有 React 的登陆页面 现场观看 如果您想现场观看，请访问：或。 在本地运行 在项目目录中，运行： $ npm install $ npm start 这将以development模式启动应用程序，因此该网站将仅以英文提供。 如果要像在production中一样在本地运行它，请使用以下命令： $ npm install $ NODE_ENV=production npm run start-express-ssr 在production模式下，您将能够在荷兰语和英语版本之间切换。

ra-custom-confirm 您的自定义确认对话框。 安装 # via npm npm install --save ra-custom-confirm # via yarn yarn add ra-custom-confirm 演示版 克隆此存储库后，运行以下命令： cd example/ yarn install yarn start 然后浏览到 。 凭据是登录名/密码 用法 import React , { Fragment , useState } from 'react' ; import Share from '@material-ui/icons/Share' ; import ErrorOutline from '@material-ui/icons/ErrorOutline' ; import CustomConfirm from 'ra-custom-co

Create React App入门 该项目是通过引导的。 可用脚本 在项目目录中，可以运行： npm start 在开发模式下运行应用程序。打开在浏览器中查看它。 如果您进行编辑，则页面将重新加载。您还将在控制台中看到任何棉绒错误。 npm test 在交互式监视模式下启动测试运行器。有关更多信息，请参见关于的部分。 npm run build 构建生产到应用程序build文件夹。它在生产模式下正确捆绑了React，并优化了构建以获得最佳性能。 生成被最小化，并且文件名包括哈希值。您的应用已准备好进行部署！ 有关更多信息，请参见关于的部分。 npm run eject 注意：这是单向操作。 eject ，您将无法返回！ 如果您对构建工具和配置选择不满意，则可以随时eject 。此命令将从您的项目中删除单个生成依赖项。 相反，它将所有配置文件和传递依赖项（webpack，Babel，ESL

使用 ， 和的高级仪表板开始开发。 从头开始重新构建核心 Argon是一款完全全新的产品，基于我们从头开始重新构建的最新框架结构构建而成，旨在使我们的产品更直观，更具适应性，并且不用说，易于定制。 让Argon凭借其出色的功能和构建工具让您赞叹不已，并使您的项目达到一个全新的水平。 完全编码的组件 Argon仪表板由200多个独立组件组成，可让您自由选择和组合。 所有组件的颜色都可能不同，您可以使用Sass文件轻松地对其进行修改。 因为所有元素都已实现，所以从原型制作到功能齐全的代码，您将节省大量时间。 该仪表板附带了预先构建的示例，因此开发过程是无缝的，从我们的页面切换到真实的网站非常容易。 每个元素都有颜色，样式，悬停，焦点的多种状态，您可以轻松访问和使用。 复杂文件 每个元素在非常复杂的文档中都有很好的呈现。 您可以详细了解。 您可以并。 示例页面 如果您想获得灵感或直接

入门 首先，运行开发服务器： npm run dev # or yarn dev 用浏览器打开以查看结果。 您可以通过修改pages/index.js来开始编辑页面。 页面在您编辑文件时自动更新。 可以在上访问。 可以在pages/api/hello.js编辑此端点。 pages/api目录映射到/api/* 。 此目录中的文件被视为而不是React页面。 了解更多 要了解有关Next.js的更多信息，请查看以下资源： -了解Next.js功能和API。 交互式Next.js教程。 您可以查看-欢迎您提供反馈和意见！ 在Vercel上部署 部署Next.js应用程序的最简单方法是使用Next.js创建者提供的。 请查看我们的以获取更多详细信息。

技术任务： 由我（ ）创建，并由我的构建。 该应用程序包含一个经过身份验证的门户，可让您检查指定域或电子邮件地址上的数据泄漏。 技术领域 -JavaScript超集 -Web框架 -React框架 -UI框架 注意事项 整个项目建立在我自己的。 显示数据泄漏的表已虚拟化（使用 ），以容纳大量数据，而不会影响整体性能。 该应用程序将您的令牌存储在本地（没什么花样，在localStorage ），以便维护您的会话-它永​​远不会过期。 如果您尝试访问不存在的URL，则应用程序会将您重定向到/login或/data-leaks （取决于您是否存储了令牌）。 该项目不使用Redu

Web组件/材质UI设计/ StoryBook 。 Какдобавитьксебе Потребуетсякакой-нибудь web-сервер -сервердлястатики，например， вСклонируйтекорневуюпапкусервераэтотрепозиторийи 。 git clone https://github.com/xaota/material-kit git clone https://github.com/xaota/material Зависимости Вкорнесервератакжедолжнабытьпапк