AI 助理
备案控制台
开发者社区 钉钉开发者社区 文章 正文

钉钉微应用开发 前端 : (实验室绩效管理系统)

2021-11-01 669
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 我所在的实验室是 南大软院 软件效能实验室，为了减轻实验室绩效管理的负担，对实验室的周报，论文，开发绩效进行管理。结合钉钉钉 SDK ，实现免密登录、获取周报作为绩效审核的依据、推送自定义投票消息、能够自动计算每月助研金。最终，使实验室50多人的助研金计算，从手工填写Excel 变成自动计算，支持直接导出 Excel 表格。

logo

badge.svg?branch=release badge.svg?branch=main

Dingtalk App Web

目标与期望

基于钉钉微应用开发的实验室绩效管理系统，实现实验室的绩效、学分、论文评审管理与钉钉对接。
主要功能：绩效、学分申请与审核，论文评审投票及学分管理，项目开发学分管理，实验室助研金计算等。

涉及的技术

gb8fl3B9hwvm2PZ.png

Vue

 S3N8E9xHfvb4hsC.png

Nginx

 DVpc9nF2JToQyHg.png

Dingtalk JSAPI

 27eyNzt698aoilM.png

Docker

 TcewOXGMWHLiNtE.jpg

Docker Compose

 EcsNSzQZl2TPyB6.png

Github Actions

01

02

03

04

05

06

07

08

09

10

11

12

13

14

15

16

17

18

19

project-detail-1.png

project-detail-2.png

bug.png
j4s6RKzX7JTqyiM.png FTiDv3c1HGk5eKM.png GqWDFnU4dLmwXa7.png

参考vue-element-admin

文章标签：
JavaScript
前端开发
开发工具
容器
应用服务中间件
Docker
nginx
关键词：
钉钉微应用
钉钉开发
前端开发
钉钉系统
钉钉前端
github.com/zhanyeye
目录
相关文章
土木林森
|
24天前
|
JavaScript 前端开发 开发者
Vue.js 框架大揭秘：响应式系统、组件化与路由管理，震撼你的前端世界！
【8月更文挑战第27天】Vue.js是一款备受欢迎的前端JavaScript框架，以简洁、灵活和高效著称。本文将从三个方面深入探讨Vue.js：响应式系统、组件化及路由管理。响应式系统为Vue.js的核心特性，能自动追踪数据变动并更新视图。例如，通过简单示例代码展示其响应式特性：`{{ message }}`，当`message`值改变，页面随之自动更新。此外，Vue.js支持组件化设计，允许将复杂界面拆分为独立且可复用的组件，提高代码可维护性和扩展性。如创建一个包含标题与内容的简单组件，并在其他页面中重复利用。
土木林森
46 3
土木林森
|
21天前
|
JavaScript 前端开发 开发者
哇塞！Vue.js 与 Web Components 携手，掀起前端组件复用风暴，震撼你的开发世界！
【8月更文挑战第30天】这段内容介绍了Vue.js和Web Components在前端开发中的优势及二者结合的可能性。Vue.js提供高效简洁的组件化开发，单个组件包含模板、脚本和样式，方便构建复杂用户界面。Web Components作为新兴技术标准，利用自定义元素、Shadow DOM等技术创建封装性强的自定义HTML元素，实现跨框架复用。结合二者，不仅增强了Web Components的逻辑和交互功能，还实现了Vue.js组件在不同框架中的复用，提高了开发效率和可维护性。未来前端开发中，这种结合将大有可为。
土木林森
65 0
淘源码-taoydm168
|
1天前
|
机器学习/深度学习 数据采集 JavaScript
ADR智能监测系统源码，系统采用Java开发，基于SpringBoot框架，前端使用Vue，可自动预警药品不良反应
ADR药品不良反应监测系统是一款智能化工具，用于监测和分析药品不良反应。该系统通过收集和分析病历、处方及实验室数据，快速识别潜在不良反应，提升用药安全性。系统采用Java开发，基于SpringBoot框架，前端使用Vue，具备数据采集、清洗、分析等功能模块，并能生成监测报告辅助医务人员决策。通过集成多种数据源并运用机器学习算法，系统可自动预警药品不良反应，有效减少药害事故，保障公众健康。
淘源码-taoydm168
7 0
ADR智能监测系统源码，系统采用Java开发，基于SpringBoot框架，前端使用Vue，可自动预警药品不良反应
土木林森
|
29天前
|
设计模式 JavaScript 前端开发
Vue.js 组件设计模式：在前端热潮中找到归属感，打造可复用组件库，开启高效开发之旅！
【8月更文挑战第22天】Vue.js 以其高效构建单页应用著称，更可通过精良的组件设计打造可复用组件库。组件应职责单一、边界清晰，如一个显示文本并触发事件的按钮组件，通过 props 传递标签文本，利用插槽增强灵活性，允许父组件注入动态内容。结合 CSS 预处理器管理和封装独立模块，配以详尽文档，有效提升开发效率及代码可维护性。合理设计模式下，组件库既灵活又强大，持续实践可优化项目工作流。
土木林森
40 1
土木林森
|
19天前
|
API Java 数据库连接
从平凡到卓越：Hibernate Criteria API 让你的数据库查询瞬间高大上，彻底告别复杂SQL！
【8月更文挑战第31天】构建复杂查询是数据库应用开发中的常见需求。Hibernate 的 Criteria API 以其强大和灵活的特点，允许开发者以面向对象的方式构建查询逻辑，同时具备 SQL 的表达力。本文将介绍 Criteria API 的基本用法并通过示例展示其实际应用。此 API 通过 API 构建查询条件而非直接编写查询语句，提高了代码的可读性和安全性。无论是简单的条件过滤还是复杂的分页和连接查询，Criteria API 均能胜任，有助于提升开发效率和应用的健壮性。
土木林森
34 0
土木林森
|
19天前
|
前端开发 Java UED
JSF遇上Material Design：一场视觉革命，如何让传统Java Web应用焕发新生？
【8月更文挑战第31天】在当前的Web开发领域，用户体验和界面美观性至关重要。Google推出的Material Design凭借其独特的动画、鲜艳的颜色和简洁的布局广受好评。将其应用于JavaServer Faces（JSF）项目，能显著提升应用的现代感和用户交互体验。本文介绍如何通过PrimeFaces等组件库在JSF应用中实现Material Design风格，包括添加依赖、使用组件及响应式布局等步骤，为用户提供美观且功能丰富的界面。
土木林森
30 0
土木林森
|
19天前
|
前端开发 大数据 数据库
🔥大数据洪流下的决战：JSF 表格组件如何做到毫秒级响应？揭秘背后的性能魔法！💪
【8月更文挑战第31天】在 Web 应用中，表格组件常用于展示和操作数据，但在大数据量下性能会成瓶颈。本文介绍在 JavaServer Faces（JSF）中优化表格组件的方法，包括数据处理、分页及懒加载等技术。通过后端分页或懒加载按需加载数据，减少不必要的数据加载和优化数据库查询，并利用缓存机制减少数据库访问次数，从而提高表格组件的响应速度和整体性能。掌握这些最佳实践对开发高性能 JSF 应用至关重要。
土木林森
35 0
土木林森
|
19天前
|
前端开发 API 开发者
JSF与RESTful服务的完美邂逅：如何打造符合现代Web潮流的数据交互新体验
【8月更文挑战第31天】随着互联网技术的发展，RESTful架构风格因其实现简便与无状态特性而在Web服务构建中日益流行。本文探讨如何结合JavaServer Faces (JSF) 和 JAX-RS 构建RESTful API，展示从前端到后端分离的完整解决方案。通过定义资源类、配置 `web.xml` 文件以及使用依赖注入等步骤，演示了在JSF项目中实现RESTful服务的具体过程，为Java开发者提供了实用指南。
土木林森
28 0
土木林森
|
20天前
|
存储 设计模式 运维
Angular遇上Azure Functions：探索无服务器架构下的开发实践——从在线投票系统案例深入分析前端与后端的协同工作
【8月更文挑战第31天】在现代软件开发中，无服务器架构因可扩展性和成本效益而备受青睐。本文通过构建一个在线投票应用，介绍如何结合Angular前端框架与Azure Functions后端服务，快速搭建高效、可扩展的应用系统。Angular提供响应式编程和组件化能力，适合构建动态用户界面；Azure Functions则简化了后端逻辑处理与数据存储。通过具体示例代码，详细展示了从设置Azure Functions到整合Angular前端的全过程，帮助开发者轻松上手无服务器应用开发。
土木林森
10 0
土木林森
|
20天前
|
前端开发 JavaScript 测试技术
React 与前端自动化测试也太重要啦！各种测试框架助力确保应用质量，快来开启优质开发之旅！
【8月更文挑战第31天】随着前端技术的发展，React 成为了构建用户界面的热门选择。然而，随着应用复杂性的增加，确保应用质量变得至关重要。本文介绍了前端自动化测试的重要性，并详细综述了常用的测试框架如 Jest、Enzyme 和 Cypress，以及如何通过它们进行高效的 React 组件测试。通过遵循最佳实践，如编写可维护的测试用例、覆盖关键场景、集成 CI/CD 流程和进行性能测试，可以显著提高应用的稳定性和可靠性。
土木林森
28 0

钉钉开发者社区

热门文章

最新文章

  • 1
    【初探移动前端开发03】jQuery Mobile（上）
  • 2
    前端机器学习简史
  • 3
    前端JS-SDK那些事
  • 4
    通用base.css —— 《编写高质量代码 web前端开发修炼之道》
  • 5
    浅谈前端响应式设计（二）
  • 6
    我所知道的前端组件化与模块化
  • 7
    那些帮助你成为优秀前端工程师的讲座——《Web 应用篇》
  • 8
    lemon oa前端页面——由user-base-list谈项目组织
  • 9
    Framework7 – 赞！功能齐全的 iOS7 App 前端框架
  • 10
    基于dart生态的FaaS前端一体化建设
  • 1
    Serverless 应用引擎产品使用之在阿里云Serverless中，我想在钉钉机器人中使用函数计算的签名认证如何解决
    53
  • 2
    作为部门的前端“独苗”，我的钉钉全栈化实践总结
    76
  • 3
    请问2024.4现在钉钉webhook机器人还可以向群内发送excel文件吗(不是发送链接)
    72
  • 4
    谈谈钉钉工作台的体验优化及技术思考
    147
  • 5
    简单几步，钉钉机器人秒变通义千问对话机器人
    536
  • 6
    云效产品使用报错问题之使用钉钉扫码登录云效，出现“因机型不匹配建议更换”如何解决
    96
  • 7
    云效产品使用常见问题之企业钉钉解散后，不知道云效功能是否可以正常使用如何解决
    53
  • 8
    云效产品使用常见问题之变更钉钉工作台中的云效绑定的组织失败如何解决
    58
  • 9
    SpringBoot 实现自定义钉钉机器人
    74
  • 10
    钉钉PC端点击消息通知的链接显示该应用已停用或未授权你的访问
    115

    • 相关课程

    更多
  • 网站性能前端监控课程
  • 移动Web前端开发
  • Ajax 前端开发入门与实战
  • 零基础学前端HTML+CSS
  • 前端开发CSS基础
  • 前端开发框架Bootstrap使用教程

    • 相关电子书

    更多
  • 钉钉小程序——为工作方式插上翅膀
  • 钉钉客户端自动化的应用
  • 使命必达 —— 钉钉企业级 消息服务的机遇与挑战

    • 相关实验场景

    更多
  • 基于小程序Serverless开发个人相册小程序
  • 搭建简易多人在线视频会议系统
  • 基于Serverless架构的盲盒抽奖系统
  • 星轨-钉钉APP分发实训
  • 使用资源编排自动化开通云服务
  • 使用EDA架构部署在线外卖订单系统
    • 下一篇
    基于LNMP搭建WordPress