用Cursor生成一个企业官网前端页面（生成腾讯、阿里官网静态页面）
用Cursor生成一个企业官网前端页面
第一版：
<!DOCTYPE html>
<html lang="zh-CN">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>企业官网</title><style>* {margin: 0;padding: 0;box-sizing: border-box;}body {font-family: 'Arial', sans-serif;line-height: 1.6;}/* 导航栏样式 */.navbar {background-color: #333;padding: 1rem;position: fixed;width: 100%;top: 0;z-index: 1000;}.navbar ul {list-style: none;display: flex;justify-content: center;}.navbar li {margin: 0 20px;}.navbar a {color: white;text-decoration: none;font-size: 1.1rem;}/* 首页banner */.hero {height: 100vh;background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://picsum.photos/1920/1080');background-size: cover;background-position: center;display: flex;align-items: center;justify-content: center;text-align: center;color: white;}.hero-content h1 {font-size: 3.5rem;margin-bottom: 1rem;}.hero-content p {font-size: 1.5rem;margin-bottom: 2rem;}.btn {padding: 1rem 2rem;background-color: #007bff;color: white;text-decoration: none;border-radius: 5px;transition: background-color 0.3s;}.btn:hover {background-color: #0056b3;}/* 关于我们 */.about {padding: 5rem 2rem;text-align: center;background-color: #f8f9fa;}.about h2 {margin-bottom: 2rem;}/* 服务项目 */.services {padding: 5rem 2rem;text-align: center;}.services-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap: 2rem;margin-top: 3rem;}.service-item {padding: 2rem;background-color: #f8f9fa;border-radius: 10px;}/* 联系我们 */.contact {padding: 5rem 2rem;background-color: #333;color: white;text-align: center;}.contact-info {margin-top: 2rem;}/* 页脚 */footer {background-color: #222;color: white;text-align: center;padding: 1rem;}/* 响应式设计 */@media (max-width: 768px) {.navbar ul {flex-direction: column;text-align: center;}.navbar li {margin: 10px 0;}.hero-content h1 {font-size: 2.5rem;}}</style>
</head>
<body><!-- 导航栏 --><nav class="navbar"><ul><li><a href="#home">首页</a></li><li><a href="#about">关于我们</a></li><li><a href="#services">服务项目</a></li><li><a href="#contact">联系我们</a></li></ul></nav><!-- 首页banner --><section id="home" class="hero"><div class="hero-content"><h1>欢迎来到我们的公司</h1><p>专注于提供优质的产品和服务</p><a href="#contact" class="btn">联系我们</a></div></section><!-- 关于我们 --><section id="about" class="about"><h2>关于我们</h2><p>我们是一家致力于创新和卓越的企业，拥有专业的团队和丰富的行业经验。我们始终坚持以客户为中心，提供最优质的服务和解决方案。</p></section><!-- 服务项目 --><section id="services" class="services"><h2>服务项目</h2><div class="services-grid"><div class="service-item"><h3>服务项目一</h3><p>提供专业的解决方案和服务支持</p></div><div class="service-item"><h3>服务项目二</h3><p>为客户创造更多的价值</p></div><div class="service-item"><h3>服务项目三</h3><p>确保服务质量和客户满意度</p></div></div></section><!-- 联系我们 --><section id="contact" class="contact"><h2>联系我们</h2><div class="contact-info"><p>地址：某某市某某区某某街道123号</p><p>电话：123-456-7890</p><p>邮箱：info@company.com</p></div></section><!-- 页脚 --><footer><p>© 2024 公司名称. 保留所有权利.</p></footer>
</body>
</html>
包含如下元素
- 导航栏
- 1920*1080规格的图片
- 点击导航栏的文字可以索引到对应模块UI去
但缺乏首页轮播图、并且关于我们样式不是很好看，继续让cursor调整一下。
第二版：
<!DOCTYPE html>
<html lang="zh-CN">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>企业官网</title><style>* {margin: 0;padding: 0;box-sizing: border-box;}body {font-family: 'Arial', sans-serif;line-height: 1.6;}/* 导航栏样式 */.navbar {background-color: #333;padding: 1rem;position: fixed;width: 100%;top: 0;z-index: 1000;}.navbar ul {list-style: none;display: flex;justify-content: center;}.navbar li {margin: 0 20px;}.navbar a {color: white;text-decoration: none;font-size: 1.1rem;transition: color 0.3s;}.navbar a:hover {color: #007bff;}/* 轮播图样式 */.slider-container {width: 100%;height: 500px;position: relative;overflow: hidden;margin-top: 60px;}.slider {width: 400%;height: 100%;display: flex;transition: transform 0.5s ease-in-out;}.slide {width: 25%;height: 100%;}.slide img {width: 100%;height: 100%;object-fit: cover;}.slider-nav {position: absolute;bottom: 20px;left: 50%;transform: translateX(-50%);display: flex;gap: 10px;}.slider-nav-item {width: 12px;height: 12px;border-radius: 50%;background: rgba(255, 255, 255, 0.5);cursor: pointer;transition: background-color 0.3s;}.slider-nav-item.active {background: white;}/* 服务项目样式 */.services {padding: 5rem 2rem;text-align: center;background-color: #fff;}.services h2 {font-size: 2.5rem;margin-bottom: 3rem;color: #333;}.services-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap: 2rem;max-width: 1200px;margin: 0 auto;}.service-item {padding: 2rem;background-color: #f8f9fa;border-radius: 10px;transition: transform 0.3s, box-shadow 0.3s;}.service-item:hover {transform: translateY(-5px);box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);}.service-item h3 {color: #333;margin-bottom: 1rem;}/* 关于我们和联系我们的样式 */.info-section {display: grid;grid-template-columns: 1fr 1fr;gap: 2rem;padding: 5rem 2rem;background-color: #f8f9fa;max-width: 1200px;margin: 0 auto;}.info-card {background: white;padding: 2rem;border-radius: 10px;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);transition: transform 0.3s;}.info-card:hover {transform: translateY(-5px);}.info-card h2 {margin-bottom: 1.5rem;color: #333;font-size: 2rem;}.contact-info {margin-top: 1.5rem;}.contact-info p {margin: 0.5rem 0;color: #666;}/* 页脚样式 */footer {background-color: #333;color: white;text-align: center;padding: 2rem;margin-top: 2rem;}/* 按钮样式 */.btn {display: inline-block;padding: 1rem 2rem;background-color: #007bff;color: white;text-decoration: none;border-radius: 5px;transition: background-color 0.3s;}.btn:hover {background-color: #0056b3;}/* 响应式设计 */@media (max-width: 768px) {.navbar ul {flex-direction: column;text-align: center;}.navbar li {margin: 10px 0;}.info-section {grid-template-columns: 1fr;padding: 2rem 1rem;}.services {padding: 2rem 1rem;}.slider-container {height: 300px;}}</style>
</head>
<body><!-- 导航栏 --><nav class="navbar"><ul><li><a href="#home">首页</a></li><li><a href="#about">关于我们</a></li><li><a href="#services">服务项目</a></li><li><a href="#contact">联系我们</a></li></ul></nav><!-- 轮播图 --><div class="slider-container" id="home"><div class="slider"><div class="slide"><img src="https://picsum.photos/1920/500?random=1" alt="幻灯片1"></div><div class="slide"><img src="https://picsum.photos/1920/500?random=2" alt="幻灯片2"></div><div class="slide"><img src="https://picsum.photos/1920/500?random=3" alt="幻灯片3"></div><div class="slide"><img src="https://picsum.photos/1920/500?random=4" alt="幻灯片4"></div></div><div class="slider-nav"><div class="slider-nav-item active"></div><div class="slider-nav-item"></div><div class="slider-nav-item"></div><div class="slider-nav-item"></div></div></div><!-- 服务项目 --><section id="services" class="services"><h2>服务项目</h2><div class="services-grid"><div class="service-item"><h3>服务项目一</h3><p>提供专业的解决方案和服务支持，确保客户获得最佳体验和价值。我们的团队将为您提供全方位的技术支持和咨询服务。</p></div><div class="service-item"><h3>服务项目二</h3><p>为客户创造更多的价值，通过创新的解决方案帮助企业提升效率，降低成本。我们致力于为客户提供最优质的服务。</p></div><div class="service-item"><h3>服务项目三</h3><p>确保服务质量和客户满意度，提供个性化的解决方案，满足不同客户的需求。我们将始终把客户的利益放在首位。</p></div></div></section><!-- 关于我们和联系我们 --><section class="info-section"><div id="about" class="info-card"><h2>关于我们</h2><p>我们是一家致力于创新和卓越的企业，拥有专业的团队和丰富的行业经验。自成立以来，我们始终坚持以客户为中心，提供最优质的服务和解决方案。</p><p style="margin-top: 1rem">我们的团队由经验丰富的专业人士组成，他们在各自的领域都有着深厚的专业知识和实践经验。我们相信，只有通过不断的创新和改进，才能为客户提供更好的服务。</p></div><div id="contact" class="info-card"><h2>联系我们</h2><div class="contact-info"><p>地址：某某市某某区某某街道123号</p><p>电话：123-456-7890</p><p>邮箱：info@company.com</p><p>工作时间：周一至周五 9:00-18:00</p></div></div></section><!-- 页脚 --><footer><p>© 2024 公司名称. 保留所有权利.</p></footer><!-- 轮播图脚本 --><script>const slider = document.querySelector('.slider');const navItems = document.querySelectorAll('.slider-nav-item');let currentSlide = 0;function goToSlide(index) {currentSlide = index;slider.style.transform = `translateX(-${index * 25}%)`;navItems.forEach((item, i) => {item.classList.toggle('active', i === index);});}// 点击导航切换幻灯片navItems.forEach((item, index) => {item.addEventListener('click', () => goToSlide(index));});// 自动轮播setInterval(() => {currentSlide = (currentSlide + 1) % 4;goToSlide(currentSlide);}, 5000);// 平滑滚动document.querySelectorAll('a[href^="#"]').forEach(anchor => {anchor.addEventListener('click', function (e) {e.preventDefault();document.querySelector(this.getAttribute('href')).scrollIntoView({behavior: 'smooth'});});});</script>
</body>
</html>
在第一版的基础上，额外调整了：
- 轮播图
- 将关于我们和联系我们放到了一起
第三版：
<!DOCTYPE html>
<html lang="zh-CN">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>企业官网</title><style>* {margin: 0;padding: 0;box-sizing: border-box;}body {font-family: 'Arial', sans-serif;line-height: 1.6;}/* 导航栏样式 */.navbar {background-color: rgba(255, 255, 255, 0.98);padding: 1rem;position: fixed;width: 100%;top: 0;z-index: 1000;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);}.navbar ul {list-style: none;display: flex;justify-content: center;}.navbar li {margin: 0 20px;}.navbar a {color: #333;text-decoration: none;font-size: 1.1rem;transition: color 0.3s;}.navbar a:hover {color: #007bff;}/* 轮播图样式 */.slider-container {width: 100%;height: 100vh;position: relative;overflow: hidden;}.slider {width: 400%;height: 100%;display: flex;transition: transform 0.5s ease-in-out;}.slide {width: 25%;height: 100%;position: relative;}.slide img {width: 100%;height: 100%;object-fit: cover;}.slide-content {position: absolute;top: 50%;left: 10%;transform: translateY(-50%);color: white;max-width: 600px;}.slide-content h2 {font-size: 3rem;margin-bottom: 1rem;}.slide-content p {font-size: 1.2rem;margin-bottom: 2rem;}.slider-nav {position: absolute;bottom: 40px;left: 50%;transform: translateX(-50%);display: flex;gap: 10px;}.slider-nav-item {width: 12px;height: 12px;border-radius: 50%;background: rgba(255, 255, 255, 0.5);cursor: pointer;transition: background-color 0.3s;}.slider-nav-item.active {background: white;}/* 新闻资讯样式 */.news-section {padding: 5rem 2rem;background-color: #f8f9fa;}.section-title {text-align: center;margin-bottom: 3rem;}.section-title h2 {font-size: 2.5rem;color: #333;margin-bottom: 1rem;}.news-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 2rem;max-width: 1200px;margin: 0 auto;}.news-item {background: white;border-radius: 10px;overflow: hidden;transition: transform 0.3s;}.news-item:hover {transform: translateY(-5px);}.news-item img {width: 100%;height: 200px;object-fit: cover;}.news-content {padding: 1.5rem;}.news-content h3 {margin-bottom: 1rem;font-size: 1.2rem;}.news-content p {color: #666;margin-bottom: 1rem;}.news-date {color: #999;font-size: 0.9rem;}/* 业务板块样式 */.business-section {padding: 5rem 2rem;background-color: white;}.business-grid {display: grid;grid-template-columns: repeat(4, 1fr);gap: 2rem;max-width: 1200px;margin: 0 auto;}.business-item {text-align: center;padding: 2rem;border-radius: 10px;transition: all 0.3s;cursor: pointer;}.business-item:hover {background-color: #f8f9fa;transform: translateY(-5px);}.business-item img {width: 80px;height: 80px;margin-bottom: 1rem;}.business-item h3 {margin-bottom: 1rem;color: #333;}.business-item p {color: #666;font-size: 0.9rem;}/* 页脚样式 */footer {background-color: #333;color: white;padding: 4rem 2rem;}.footer-content {max-width: 1200px;margin: 0 auto;display: grid;grid-template-columns: repeat(4, 1fr);gap: 2rem;}.footer-column h3 {margin-bottom: 1.5rem;font-size: 1.2rem;}.footer-column ul {list-style: none;}.footer-column ul li {margin-bottom: 0.8rem;}.footer-column a {color: #ccc;text-decoration: none;transition: color 0.3s;}.footer-column a:hover {color: white;}.copyright {text-align: center;margin-top: 3rem;padding-top: 2rem;border-top: 1px solid rgba(255, 255, 255, 0.1);color: #999;}/* 响应式设计 */@media (max-width: 1024px) {.news-grid, .business-grid {grid-template-columns: repeat(2, 1fr);}.footer-content {grid-template-columns: repeat(2, 1fr);}}@media (max-width: 768px) {.navbar ul {flex-direction: column;text-align: center;}.navbar li {margin: 10px 0;}.slide-content h2 {font-size: 2rem;}.news-grid, .business-grid {grid-template-columns: 1fr;}.slider-container {height: 70vh;}}</style>
</head>
<body><!-- 导航栏 --><nav class="navbar"><ul><li><a href="#home">首页</a></li><li><a href="#news">新闻资讯</a></li><li><a href="#business">业务板块</a></li><li><a href="#about">关于我们</a></li></ul></nav><!-- 轮播图 --><div class="slider-container" id="home"><div class="slider"><div class="slide"><img src="https://picsum.photos/1920/1080?random=1" alt="幻灯片1"><div class="slide-content"><h2>创新科技，引领未来</h2><p>致力于为客户提供最优质的解决方案，推动产业数字化升级</p></div></div><div class="slide"><img src="https://picsum.photos/1920/1080?random=2" alt="幻灯片2"><div class="slide-content"><h2>连接无限可能</h2><p>构建开放生态，携手合作伙伴共创价值</p></div></div><div class="slide"><img src="https://picsum.photos/1920/1080?random=3" alt="幻灯片3"><div class="slide-content"><h2>科技向善</h2><p>用科技助力社会发展，让生活更美好</p></div></div><div class="slide"><img src="https://picsum.photos/1920/1080?random=4" alt="幻灯片4"><div class="slide-content"><h2>全球化视野</h2><p>布局全球市场，服务全球客户</p></div></div></div><div class="slider-nav"><div class="slider-nav-item active"></div><div class="slider-nav-item"></div><div class="slider-nav-item"></div><div class="slider-nav-item"></div></div></div><!-- 新闻资讯 --><section id="news" class="news-section"><div class="section-title"><h2>新闻资讯</h2></div><div class="news-grid"><div class="news-item"><img src="https://picsum.photos/400/200?random=5" alt="新闻1"><div class="news-content"><h3>公司荣获2024年度创新企业奖</h3><p>凭借在技术创新领域的突出贡献，公司获得行业权威奖项认可...</p><div class="news-date">2024-01-15</div></div></div><div class="news-item"><img src="https://picsum.photos/400/200?random=6" alt="新闻2"><div class="news-content"><h3>成功举办2024技术开放日</h3><p>展示最新技术成果，与合作伙伴共同探讨行业发展趋势...</p><div class="news-date">2024-01-10</div></div></div><div class="news-item"><img src="https://picsum.photos/400/200?random=7" alt="新闻3"><div class="news-content"><h3>发布全新企业战略规划</h3><p>明确未来五年发展方向，加大技术研发投入...</p><div class="news-date">2024-01-05</div></div></div></div></section><!-- 业务板块 --><section id="business" class="business-section"><div class="section-title"><h2>业务板块</h2></div><div class="business-grid"><div class="business-item"><img src="https://picsum.photos/80/80?random=8" alt="业务1"><h3>人工智能</h3><p>提供智能算法和解决方案</p></div><div class="business-item"><img src="https://picsum.photos/80/80?random=9" alt="业务2"><h3>云计算</h3><p>全球领先的云服务平台</p></div><div class="business-item"><img src="https://picsum.photos/80/80?random=10" alt="业务3"><h3>数字金融</h3><p>创新金融科技服务</p></div><div class="business-item"><img src="https://picsum.photos/80/80?random=11" alt="业务4"><h3>智慧出行</h3><p>打造智能交通生态</p></div></div></section><!-- 页脚 --><footer><div class="footer-content"><div class="footer-column"><h3>关于我们</h3><ul><li><a href="#">公司简介</a></li><li><a href="#">发展历程</a></li><li><a href="#">企业文化</a></li><li><a href="#">加入我们</a></li></ul></div><div class="footer-column"><h3>新闻中心</h3><ul><li><a href="#">公司动态</a></li><li><a href="#">媒体报道</a></li><li><a href="#">社会责任</a></li></ul></div><div class="footer-column"><h3>联系我们</h3><ul><li><a href="#">商务合作</a></li><li><a href="#">招商加盟</a></li><li><a href="#">联系方式</a></li></ul></div><div class="footer-column"><h3>关注我们</h3><ul><li><a href="#">微信公众号</a></li><li><a href="#">官方微博</a></li><li><a href="#">企业邮箱</a></li></ul></div></div><div class="copyright"><p>© 2024 公司名称. 保留所有权利.</p></div></footer><!-- 轮播图脚本 --><script>const slider = document.querySelector('.slider');const navItems = document.querySelectorAll('.slider-nav-item');let currentSlide = 0;function goToSlide(index) {currentSlide = index;slider.style.transform = `translateX(-${index * 25}%)`;navItems.forEach((item, i) => {item.classList.toggle('active', i === index);});}// 点击导航切换幻灯片navItems.forEach((item, index) => {item.addEventListener('click', () => goToSlide(index));});// 自动轮播setInterval(() => {currentSlide = (currentSlide + 1) % 4;goToSlide(currentSlide);}, 5000);// 平滑滚动document.querySelectorAll('a[href^="#"]').forEach(anchor => {anchor.addEventListener('click', function (e) {e.preventDefault();document.querySelector(this.getAttribute('href')).scrollIntoView({behavior: 'smooth'});});});</script>
</body>
</html>
在第二版的基础上，额外改动了：
- 关于我们模块比较符合通用企业的布局和文字描述了
- 调整了一个业务板块
但是存在问题：点击关于我们，无法直接自动导航索引去底部栏。
再让Cursor调整让点击导航栏的关于我们，可以直接
第四版：
<!DOCTYPE html>
<html lang="zh-CN">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>企业官网</title><style>* {margin: 0;padding: 0;box-sizing: border-box;}body {font-family: 'Arial', sans-serif;line-height: 1.6;}/* 导航栏样式 */.navbar {background-color: rgba(255, 255, 255, 0.98);padding: 1rem;position: fixed;width: 100%;top: 0;z-index: 1000;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);}.navbar ul {list-style: none;display: flex;justify-content: center;}.navbar li {margin: 0 20px;}.navbar a {color: #333;text-decoration: none;font-size: 1.1rem;transition: color 0.3s;}.navbar a:hover {color: #007bff;}/* 轮播图样式 */.slider-container {width: 100%;height: 100vh;position: relative;overflow: hidden;}.slider {width: 400%;height: 100%;display: flex;transition: transform 0.5s ease-in-out;}.slide {width: 25%;height: 100%;position: relative;}.slide img {width: 100%;height: 100%;object-fit: cover;}.slide-content {position: absolute;top: 50%;left: 10%;transform: translateY(-50%);color: white;max-width: 600px;}.slide-content h2 {font-size: 3rem;margin-bottom: 1rem;}.slide-content p {font-size: 1.2rem;margin-bottom: 2rem;}.slider-nav {position: absolute;bottom: 40px;left: 50%;transform: translateX(-50%);display: flex;gap: 10px;}.slider-nav-item {width: 12px;height: 12px;border-radius: 50%;background: rgba(255, 255, 255, 0.5);cursor: pointer;transition: background-color 0.3s;}.slider-nav-item.active {background: white;}/* 新闻资讯样式 */.news-section {padding: 5rem 2rem;background-color: #f8f9fa;}.section-title {text-align: center;margin-bottom: 3rem;}.section-title h2 {font-size: 2.5rem;color: #333;margin-bottom: 1rem;}.news-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 2rem;max-width: 1200px;margin: 0 auto;}.news-item {background: white;border-radius: 10px;overflow: hidden;transition: transform 0.3s;}.news-item:hover {transform: translateY(-5px);}.news-item img {width: 100%;height: 200px;object-fit: cover;}.news-content {padding: 1.5rem;}.news-content h3 {margin-bottom: 1rem;font-size: 1.2rem;}.news-content p {color: #666;margin-bottom: 1rem;}.news-date {color: #999;font-size: 0.9rem;}/* 业务板块样式 */.business-section {padding: 5rem 2rem;background-color: white;}.business-grid {display: grid;grid-template-columns: repeat(4, 1fr);gap: 2rem;max-width: 1200px;margin: 0 auto;}.business-item {text-align: center;padding: 2rem;border-radius: 10px;transition: all 0.3s;cursor: pointer;}.business-item:hover {background-color: #f8f9fa;transform: translateY(-5px);}.business-item img {width: 80px;height: 80px;margin-bottom: 1rem;}.business-item h3 {margin-bottom: 1rem;color: #333;}.business-item p {color: #666;font-size: 0.9rem;}/* 页脚样式 */footer {background-color: #333;color: white;padding: 4rem 2rem;scroll-margin-top: 70px; /* 添加滚动偏移量,确保导航栏不遮挡内容 */}.footer-content {max-width: 1200px;margin: 0 auto;display: grid;grid-template-columns: repeat(4, 1fr);gap: 2rem;}.footer-column h3 {margin-bottom: 1.5rem;font-size: 1.2rem;}.footer-column ul {list-style: none;}.footer-column ul li {margin-bottom: 0.8rem;}.footer-column a {color: #ccc;text-decoration: none;transition: color 0.3s;}.footer-column a:hover {color: white;}.copyright {text-align: center;margin-top: 3rem;padding-top: 2rem;border-top: 1px solid rgba(255, 255, 255, 0.1);color: #999;}/* 响应式设计 */@media (max-width: 1024px) {.news-grid, .business-grid {grid-template-columns: repeat(2, 1fr);}.footer-content {grid-template-columns: repeat(2, 1fr);}}@media (max-width: 768px) {.navbar ul {flex-direction: column;text-align: center;}.navbar li {margin: 10px 0;}.slide-content h2 {font-size: 2rem;}.news-grid, .business-grid {grid-template-columns: 1fr;}.slider-container {height: 70vh;}}</style>
</head>
<body><!-- 导航栏 --><nav class="navbar"><ul><li><a href="#home">首页</a></li><li><a href="#news">新闻资讯</a></li><li><a href="#business">业务板块</a></li><li><a href="#footer">关于我们</a></li></ul></nav><!-- 轮播图 --><div class="slider-container" id="home"><div class="slider"><div class="slide"><img src="https://picsum.photos/1920/1080?random=1" alt="幻灯片1"><div class="slide-content"><h2>创新科技，引领未来</h2><p>致力于为客户提供最优质的解决方案，推动产业数字化升级</p></div></div><div class="slide"><img src="https://picsum.photos/1920/1080?random=2" alt="幻灯片2"><div class="slide-content"><h2>连接无限可能</h2><p>构建开放生态，携手合作伙伴共创价值</p></div></div><div class="slide"><img src="https://picsum.photos/1920/1080?random=3" alt="幻灯片3"><div class="slide-content"><h2>科技向善</h2><p>用科技助力社会发展，让生活更美好</p></div></div><div class="slide"><img src="https://picsum.photos/1920/1080?random=4" alt="幻灯片4"><div class="slide-content"><h2>全球化视野</h2><p>布局全球市场，服务全球客户</p></div></div></div><div class="slider-nav"><div class="slider-nav-item active"></div><div class="slider-nav-item"></div><div class="slider-nav-item"></div><div class="slider-nav-item"></div></div></div><!-- 新闻资讯 --><section id="news" class="news-section"><div class="section-title"><h2>新闻资讯</h2></div><div class="news-grid"><div class="news-item"><img src="https://picsum.photos/400/200?random=5" alt="新闻1"><div class="news-content"><h3>公司荣获2024年度创新企业奖</h3><p>凭借在技术创新领域的突出贡献，公司获得行业权威奖项认可...</p><div class="news-date">2024-01-15</div></div></div><div class="news-item"><img src="https://picsum.photos/400/200?random=6" alt="新闻2"><div class="news-content"><h3>成功举办2024技术开放日</h3><p>展示最新技术成果，与合作伙伴共同探讨行业发展趋势...</p><div class="news-date">2024-01-10</div></div></div><div class="news-item"><img src="https://picsum.photos/400/200?random=7" alt="新闻3"><div class="news-content"><h3>发布全新企业战略规划</h3><p>明确未来五年发展方向，加大技术研发投入...</p><div class="news-date">2024-01-05</div></div></div></div></section><!-- 业务板块 --><section id="business" class="business-section"><div class="section-title"><h2>业务板块</h2></div><div class="business-grid"><div class="business-item"><img src="https://picsum.photos/80/80?random=8" alt="业务1"><h3>人工智能</h3><p>提供智能算法和解决方案</p></div><div class="business-item"><img src="https://picsum.photos/80/80?random=9" alt="业务2"><h3>云计算</h3><p>全球领先的云服务平台</p></div><div class="business-item"><img src="https://picsum.photos/80/80?random=10" alt="业务3"><h3>数字金融</h3><p>创新金融科技服务</p></div><div class="business-item"><img src="https://picsum.photos/80/80?random=11" alt="业务4"><h3>智慧出行</h3><p>打造智能交通生态</p></div></div></section><!-- 页脚 --><footer id="footer"><div class="footer-content"><div class="footer-column"><h3>关于我们</h3><ul><li><a href="#">公司简介</a></li><li><a href="#">发展历程</a></li><li><a href="#">企业文化</a></li><li><a href="#">加入我们</a></li></ul></div><div class="footer-column"><h3>新闻中心</h3><ul><li><a href="#">公司动态</a></li><li><a href="#">媒体报道</a></li><li><a href="#">社会责任</a></li></ul></div><div class="footer-column"><h3>联系我们</h3><ul><li><a href="#">商务合作</a></li><li><a href="#">招商加盟</a></li><li><a href="#">联系方式</a></li></ul></div><div class="footer-column"><h3>关注我们</h3><ul><li><a href="#">微信公众号</a></li><li><a href="#">官方微博</a></li><li><a href="#">企业邮箱</a></li></ul></div></div><div class="copyright"><p>© 2024 公司名称. 保留所有权利.</p></div></footer><!-- 轮播图脚本 --><script>const slider = document.querySelector('.slider');const navItems = document.querySelectorAll('.slider-nav-item');let currentSlide = 0;function goToSlide(index) {currentSlide = index;slider.style.transform = `translateX(-${index * 25}%)`;navItems.forEach((item, i) => {item.classList.toggle('active', i === index);});}// 点击导航切换幻灯片navItems.forEach((item, index) => {item.addEventListener('click', () => goToSlide(index));});// 自动轮播setInterval(() => {currentSlide = (currentSlide + 1) % 4;goToSlide(currentSlide);}, 5000);// 平滑滚动document.querySelectorAll('a[href^="#"]').forEach(anchor => {anchor.addEventListener('click', function (e) {e.preventDefault();document.querySelector(this.getAttribute('href')).scrollIntoView({behavior: 'smooth'});});});</script>
</body>
</html>
第五版：仿照https://www.alibabagroup.com/ 阿里官网生成一个静态网页，代码如下所示
<!DOCTYPE html>
<html lang="zh-CN"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>阿里巴巴集团</title><link rel="stylesheet" href="style.css"><style>* {margin: 0;padding: 0;box-sizing: border-box;}body {font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;line-height: 1.6;color: #333;}.container {max-width: 1440px;margin: 0 auto;padding: 0 40px;}/* 导航栏样式 */.navbar {background: #fff;box-shadow: 0 2px 4px rgba(0,0,0,0.1);position: fixed;width: 100%;top: 0;z-index: 1000;}.navbar .container {display: flex;justify-content: space-between;align-items: center;height: 80px;}.logo img {height: 32px;}.nav-links {display: flex;align-items: center;list-style: none;margin: 0;padding: 0;}.nav-links li {margin-left: 32px;}.nav-links a {color: #333;text-decoration: none;font-size: 14px;font-weight: 500;transition: color 0.2s;}.nav-links a:hover,.nav-links a.active {color: #FF6A00;}.language-switch {display: flex;align-items: center;}.language-switch .divider {margin: 0 8px;color: #ddd;}.search-icon svg {width: 20px;height: 20px;fill: #666;cursor: pointer;transition: fill 0.2s;}.search-icon:hover svg {fill: #FF6A00;}footer {background-color: #f7f7f7;padding: 60px 0 40px;color: #666;}.footer-content {display: grid;grid-template-columns: 2fr 1fr 1fr 1fr;gap: 40px;margin-bottom: 40px;}.footer-logo img {height: 24px;margin-bottom: 20px;}.footer-about p {font-size: 14px;line-height: 1.8;margin-bottom: 20px;max-width: 400px;}.footer-links h3,.footer-contact h3,.footer-social h3 {font-size: 16px;font-weight: 600;margin-bottom: 20px;color: #333;}.footer-links ul {list-style: none;}.footer-links ul li {margin-bottom: 12px;}.footer-links ul li a {color: #666;text-decoration: none;font-size: 14px;transition: color 0.2s;}.footer-links ul li a:hover {color: #FF6A00;}.footer-contact p {font-size: 14px;margin-bottom: 12px;}.social-links {display: flex;gap: 16px;}.social-links a img {width: 24px;height: 24px;transition: opacity 0.2s;}.social-links a:hover img {opacity: 0.8;}.footer-bottom {border-top: 1px solid #e5e5e5;padding-top: 30px;display: flex;justify-content: space-between;align-items: center;}.copyright {font-size: 13px;color: #999;}.footer-bottom-links {display: flex;gap: 24px;}.footer-bottom-links a {color: #666;text-decoration: none;font-size: 13px;transition: color 0.2s;}.footer-bottom-links a:hover {color: #FF6A00;}/* Banner section styles */.banner {background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('banner-bg.jpg');background-size: cover;background-position: center;height: 100vh;display: flex;align-items: center;color: white;margin-top: 80px; /* 为固定导航栏留出空间 */}.banner h1 {font-size: 48px;font-weight: 600;margin-bottom: 24px;}.banner p {font-size: 24px;margin-bottom: 32px;max-width: 600px;}.cta-button {display: inline-block;padding: 16px 40px;background-color: #FF6A00;color: white;text-decoration: none;border-radius: 4px;font-weight: 500;transition: background-color 0.3s;}.cta-button:hover {background-color: #E65000;}/* Section styles */section {padding: 100px 0;}section h2 {font-size: 36px;text-align: center;margin-bottom: 60px;position: relative;}section h2:after {content: '';display: block;width: 60px;height: 3px;background: #FF6A00;margin: 20px auto 0;}/* About section */.about-content {display: grid;grid-template-columns: 1fr 1fr;gap: 60px;align-items: center;}.about-text p {font-size: 16px;line-height: 1.8;margin-bottom: 24px;}.about-image img {width: 100%;border-radius: 8px;box-shadow: 0 10px 30px rgba(0,0,0,0.1);}/* Business section */.business-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 30px;}.business-card {background: white;border-radius: 8px;overflow: hidden;box-shadow: 0 4px 20px rgba(0,0,0,0.1);transition: transform 0.3s;}.business-card:hover {transform: translateY(-10px);}.business-card img {width: 100%;height: 200px;object-fit: cover;}.business-card h3 {padding: 20px 20px 10px;font-size: 20px;}.business-card p {padding: 0 20px 20px;color: #666;}/* Sustainability section */.sustainability-content {display: grid;grid-template-columns: repeat(3, 1fr);gap: 30px;}.sustainability-card {background: white;padding: 40px;border-radius: 8px;text-align: center;box-shadow: 0 4px 20px rgba(0,0,0,0.1);transition: transform 0.3s;}.sustainability-card:hover {transform: translateY(-10px);}.sustainability-card h3 {color: #FF6A00;margin-bottom: 16px;}/* News section */.news-grid {display: grid;grid-template-columns: repeat(2, 1fr);gap: 30px;}.news-card {background: white;border-radius: 8px;overflow: hidden;box-shadow: 0 4px 20px rgba(0,0,0,0.1);}.news-card img {width: 100%;height: 240px;object-fit: cover;}.news-card h3 {padding: 20px 20px 10px;font-size: 20px;}.news-card p {padding: 0 20px;color: #666;margin-bottom: 20px;}.read-more {display: inline-block;padding: 0 20px 20px;color: #FF6A00;text-decoration: none;font-weight: 500;}/* Careers section */.careers-section {background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('careers-bg.jpg');background-size: cover;background-position: center;color: white;text-align: center;}.careers-content {max-width: 600px;margin: 0 auto;}.careers-content p {font-size: 20px;margin-bottom: 32px;}</style></head><body><nav class="navbar"><div class="container"><div class="logo"><img src="https://vv1.cfcdn.pics/8dd8b5d51fca1501b0cd5c6ea481e683.png" alt="阿里巴巴集团logo"></div><ul class="nav-links"><li><a href="#home" class="active">首页</a></li><li><a href="#about">关于阿里巴巴</a></li><li><a href="#business">业务版图</a></li><li><a href="#sustainability">可持续发展</a></li><li><a href="#investor">投资者关系</a></li><li><a href="#media">媒体中心</a></li><li><a href="#careers">加入我们</a></li><li class="language-switch"><a href="#" class="active">中文</a><span class="divider">|</span><a href="#">EN</a></li><li class="search-icon"><svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg></li></ul></div></nav><!-- 首页横幅 --><section id="home" class="banner" style="background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1920&h=1080'); background-size: cover; background-position: center;"><div class="container"><h1>让天下没有难做的生意</h1><p>服务全球20亿消费者，帮助1000万企业实现数字化转型</p><a href="#business" class="cta-button">了解更多</a></div></section><!-- 关于阿里巴巴 --><section id="about" class="about-section"><div class="container"><h2>关于阿里巴巴</h2><div class="about-content"><div class="about-text"><p>阿里巴巴集团的使命是让天下没有难做的生意。我们旨在构建未来的商业基础设施，我们的愿景是让客户相会、工作和生活在阿里巴巴，持续发展最少102年。</p><p>作为一家以使命驱动的公司，阿里巴巴集团通过创新的技术和服务，为全球消费者和企业创造价值。</p></div><div class="about-image"><img src="https://images.unsplash.com/photo-1577760258779-e787a1733016?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1920&q=80" alt="阿里巴巴园区"></div></div></div></section><!-- 我们的业务 --><section id="business" class="business-section"><div class="container"><h2>我们的业务</h2><div class="business-grid"><div class="business-card"><img src="https://b0.bdstatic.com/cc8e4e41f0189b8caa618ab4adcd2a85.jpg@h_1280" alt="淘宝"><h3>淘宝天猫</h3><p>中国领先的电商平台</p></div><div class="business-card"><img src="https://img1.baidu.com/it/u=1459264756,3043818066&fm=253&fmt=auto&app=120&f=PNG?w=649&h=500" alt="阿里云"><h3>阿里云</h3><p>全球领先的云计算服务提供商</p></div><div class="business-card"><img src="https://www.juguan365.com/uploads/20230912/01dfda6ea337f3c3bb695671032bfdc4.png" alt="蚂蚁集团"><h3>蚂蚁集团</h3><p>创新的数字支付和金融服务</p></div></div></div></section><!-- 可持续发展 --><section id="sustainability" class="sustainability-section"><div class="container"><h2>可持续发展</h2><div class="sustainability-content"><div class="sustainability-card"><h3>环境保护</h3><p>致力于碳中和目标，推动绿色计算</p></div><div class="sustainability-card"><h3>乡村振兴</h3><p>数字技术赋能，助力乡村发展</p></div><div class="sustainability-card"><h3>公益慈善</h3><p>践行企业社会责任，推动公益事业发展</p></div></div></div></section><!-- 新闻动态 --><section id="news" class="news-section"><div class="container"><h2>新闻动态</h2><div class="news-grid"><div class="news-card"><img src="https://inews.gtimg.com/newsapp_bt/0/15354874358/1000" alt="财报新闻"><h3>阿里巴巴发布2024财年第三季度财报</h3><p>营收持续增长，数字化转型成效显著</p><a href="#" class="read-more">查看详情</a></div><div class="news-card"><img src="https://p4.itc.cn/images01/20231108/0b5c2fc623354acba3964cdf3ab16c09.jpeg" alt="技术创新"><h3>阿里云发布最新AI大模型</h3><p>推动产业智能化升级</p><a href="#" class="read-more">查看详情</a></div></div></div></section><!-- 加入我们 --><section id="careers" class="careers-section"><div class="container"><h2>加入我们</h2><div class="careers-content"><p>在阿里巴巴，你将与优秀的人一起工作，创造改变世界的技术和产品</p><a href="#" class="cta-button">查看职位</a></div></div></section><!-- 页脚 --><footer><div class="container"><div class="footer-content"><div class="footer-about"><div class="footer-logo"><img src="https://vv1.cfcdn.pics/8dd8b5d51fca1501b0cd5c6ea481e683.png" alt="阿里巴巴集团logo"></div><p>阿里巴巴集团的使命是让天下没有难做的生意。我们旨在构建未来的商业基础设施。</p></div><div class="footer-links"><h3>关于我们</h3><ul><li><a href="#about">公司简介</a></li><li><a href="#business">业务版图</a></li><li><a href="#management">管理团队</a></li><li><a href="#culture">企业文化</a></li><li><a href="#history">发展历程</a></li></ul></div><div class="footer-links"><h3>投资者关系</h3><ul><li><a href="#financial">财务报告</a></li><li><a href="#announcements">公司公告</a></li><li><a href="#presentations">演示材料</a></li><li><a href="#governance">公司治理</a></li><li><a href="#stock">股票信息</a></li></ul></div><div class="footer-contact"><h3>联系我们</h3><p>媒体垂询：media@alibaba-inc.com</p><p>投资者关系：investor@alibaba-inc.com</p><div class="social-links"><a href="#"><img src="https://weibo.com/favicon.ico" alt="微博"></a><a href="#"><img src="https://res.wx.qq.com/a/wx_fed/assets/res/NTI4MWU5.ico" alt="微信"></a></div></div></div><div class="footer-bottom"><div class="copyright"><p>© 1999-2024 阿里巴巴集团 版权所有</p></div><div class="footer-bottom-links"><a href="#">法律声明</a><a href="#">隐私权政策</a><a href="#">Cookie政策</a><a href="#">服务条款</a></div></div></div></footer></body>
</html>
写出来的页面如下所示：
相关文章：
用Cursor生成一个企业官网前端页面（生成腾讯、阿里官网静态页面）
用Cursor生成一个企业官网前端页面 第一版： <!DOCTYPE html> <html lang"zh-CN"> <head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-scale1.0"><…...
Java 数组排序
目录 1.Java冒泡排序（Bubble Sort） 1.冒泡排序 2.冒泡排序的算法原理 3.冒泡排序的复杂度和性能 4.形成代码 2.Java快速排序（Quick Sort） 3.Java归并排序（Merge Sort） 4.Java选择排序（S…...
LeetCode：78.子集
跟着carl学算法，本系列博客仅做个人记录，建议大家都去看carl本人的博客，写的真的很好的！ 代码随想录 LeetCode：78.子集 给你一个整数数组 nums ，数组中的元素 互不相同 。返回该数组所有可能的子集…...
【经济学通识——国债】
国债 政府的支出一般大于收入，会有赤字 于是会向全社会去借钱。美国债务上限，象征性的（一直上调）全球政府债务都在上升。 亚当斯密觉得市场竞争最有效率 市场自由竞争会不可避免的出现萧条。于是，凯恩斯提出政府调节…...
联合体（Union）
联合体（Union）简介 联合体（union）是 C 和 C 编程语言中的一种数据结构，和结构体（struct）类似，但有一些重要的区别。 定义 联合体中的所有成员共享同一段内存，也就是说…...
Kibana：ES|QL 编辑器简介
作者：来自 Elastic drewdaemon ES|QL 很重要 💪 正如你可能已经听说的那样，ES|QL 是 Elastic 的新查询语言。我们对 ES|QL 寄予厚望。它已经很出色了，但随着时间的推移，它将成为与 Elasticsearch 中的数据交互的最强大…...
【工具】curl工具
curl 官网： https://curl.se/ github: https://github.com/curl?languagec curl 命令 所有参数介绍在线文档 简单使用教程 邮件发送命令 注： 支持SMTP（或者POP3）协议，curl的版本必须高于7.20（含&…...
idea中远程调试中配置的参数说明
Ⅰ 远程调试中配置的端口号与服务本身端口号区别 一、远程调试中配置端口号的作用 在 IDEA 中进行远程调试时配置的端口号主要用于建立开发工具（如 IDEA）和远程服务之间的调试连接。当你启动远程调试时，IDEA 会监听这个配置的端口号…...
JavaWeb 前端基础 html + CSS 快速入门 | 018
今日推荐语 指望别人的救赎，势必走向毁灭——波伏娃 日期 学习内容 打卡编号2025年01月17日JavaWeb 前端基础 html CSS018 前言 哈喽，我是菜鸟阿康。 今天 正式进入JavaWeb 的学习，简单学习 html CSS 这2各前端基础部分&am…...
Debian 设定 tomcat 定时重启
目录 背景 过程记录 1、编辑sh文件，完成重启功能 2、设置sh的可执行权限 编辑 3、设置定时任务 背景 在Debian 12系统中，原本部署了两个tomcat，结果总是遇到CPU飙升到影响应用正常使用的程度，找了很久原因还是没有找到。 …...
【QT】： 初识 QWidget 控件 | QWidget 核心属性（API） | qrc 文件
🔥 目录 1. 控件概述 控件体系的发展阶段 2. QWidget 核心属性 2.1 核心属性概览2.2 用件可用（Enabled） 2.3 坐标系（Geometry） **实例 1: 控制按钮的位置**实例 2: 表白 程序 2.4 窗口标题（windowTiltle&a…...
下载文件，浏览器阻止不安全下载
背景： 在项目开发中，遇到需要下载文件的情况，文件类型可能是图片、excell表、pdf、zip等文件类型，但浏览器会阻止不安全的下载链接。 效果展示： 下载文件的两种方式： 一、根据接口的相对url，拼…...
基于javaweb的SpringBoot景区旅游管理系统设计和实现(源码+文档+部署讲解）
个人名片 🔥 源码获取 | 毕设定制| 商务合作：《个人名片》 ⛺️心若有所向往,何惧道阻且长 文章目录 个人名片运行环境技术栈适用功能说明使用说明 运行环境 Java≥8、MySQL≥5.7 1.运行环境：最好是java jdk 1.8，我们在这个平台…...
【17】Word：林楚楠-供应链❗
目录 题目 NO1.2 NO3 NO4 NO5 NO6 NO7 NO89 题目 NO1.2 另存为：文件→另存为→文档→文件名/考生文件夹F12/FnF12→文件名/考生文件夹 插入→分节符→文本框→输入文件→排版_居中对齐→间距/回车去掉文本框的边框→选中文本框→格式：形状轮廓…...
Transformer中基于惊喜的遗忘机制
在语言建模任务上，拥有 760M 参数的 Titans(MAC) 在 WikiText 上达到了 19.93 的困惑度，显著优于同等规模的 Transformer++（25.21） 和 Mamba2（22.94）。在常识推理任务上，Titans 在包括 PIQA、HellaSwag、WinoGrande 等 9 个基准测试中的平均准确率达到 52.51%，超过了现…...
从玩具到工业控制--51单片机的跨界传奇【3】
在科技的浩瀚宇宙中，51 单片机就像一颗独特的星辰，散发着神秘而迷人的光芒。对于无数电子爱好者而言，点亮 51 单片机上的第一颗 LED 灯，不仅仅是一次简单的操作，更像是开启了一扇通往新世界的大门。这小小的 LED 灯&am…...
基于机器学习的用户健康风险分类及预测分析
完整源码项目包获取→点击文章末尾名片！ 背景描述 在这个日益注重健康与体能的时代，健身已成为许多人追求健康生活的重要组成部分。 本数据集包含若干健身房会员的详细信息，包括年龄、性别、体重、身高、心率、锻炼类型、身体脂肪比例等多项关…...
CF 641A.Little Artem and Grasshopper(Java实现)
题目分析 蚂蚱会在n个房间中根据既定房间规则向固定方向跳跃固定长度，试问是否能够跳出这个长度（即落点位置在0或n1） 思路分析 输入n就有n个房间，n套规则（固定方向和跳跃距离），蚂蚱到哪个房间就…...
5 分钟复刻你的声音，一键实现 GPT-Sovits 模型部署
想象一下，只需简单几步操作，就能生成逼真的语音效果，无论是为客户服务还是为游戏角色配音，都能轻松实现。GPT-Sovits 模型，其高效的语音生成能力为实现自然、流畅的语音交互提供了强有力的技术支持。本文将详细介绍如何…...
1.Spring AI 从入门到实践
Spring AI 从入门到实践 1.什么是Spring AI 2.使用Spring Boot&Spring AI快速构建AI应用程序 3.ChatClient&Chat Model简化与AI模型的交互 4.Spring AI Prompt:与大模型进行有效沟通 5.结构化输出大模型响应 6.实战:AI聊天机器人 Ben技术站关注Java技术&#x…...
第23篇 基于ARM A9处理器用汇编语言实现中断＜五＞
Q：怎样修改HPS Timer 0定时器产生的中断周期？ A：在上一期实验的基础上，可以修改按键中断服务程序，实现红色LED上的计数值递增的速率，主程序和其余代码文件不用修改。 实现以下功能：按下KEY0…...
攻防世界 unseping
开启场景 整体来说是创建了一个case类，然后可接受post传来的ctf的值，并对其进行base64解码以及反序列化。所以我们能控制ctf变量。 先看__wakeup方法，该方法使用waf方法对$arg中的内容进行了防护，过滤掉了| & ; 空格 / cat f…...
Python编程与在线医疗平台数据挖掘与数据应用交互性研究
一、引言 1.1 研究背景与意义 在互联网技术飞速发展的当下，在线医疗平台如雨后春笋般涌现，为人们的就医方式带来了重大变革。这些平台打破了传统医疗服务在时间和空间上的限制，使患者能够更加便捷地获取医疗资源。据相关报告显示，中国基于互联网的医疗保健行业已进入新的…...
浔川 AI 翻译已修复，可正常使用
浔川 AI 翻译已修复，可正常使用 亲爱的用户们： 大家好！经过技术团队的不懈努力，浔川 AI 翻译平台已完成修复，目前各项功能均已恢复正常，可流畅使用。在此，我们向一直以来关心和支持浔川 AI 翻译…...
apidoc thinkphp likeadmin 遇到解析报错
报错: [Semantical Error] The annotation "notes" in method app\adminapi\controller\article\ArticleCateController::lists() was never imported. Did you maybe forget to add a "use" statement for this annotation? 解决办法: config/apidoc…...
第22篇 基于ARM A9处理器用汇编语言实现中断＜四＞
Q：怎样编写ARM A9处理器汇编语言代码配置使用按键和定时器中断？ A：本次实验同样为中断模式和监督模式都设置ARM A9堆栈指针，并使能中断，此外在主程序中调用子程序CONFIG_HPS_TIMER和CONFIG_KEYS分别对HPS Timer 0&…...
重回C语言之老兵重装上阵（六）枚举
1. 什么是枚举 (enum)？ 枚举（enum）是 C 语言中的一种数据类型，用于定义一组具名的整数常量。它可以使代码更加可读，帮助程序员更容易理解程序中的常量值。通过枚举，程序员可以使用有意义的名称来代替数字&…...
STL-list类
list的介绍和使用 list的介绍 list的介绍list的介绍 list是双向循环链表 list的使用 构造 list(size_t n,const value_type& val value_type())构造的list中包含n个值为val的元素list()构造空listlis(const list& x)拷贝构造函数list(inputlerator first,inputlter…...
Hanlp的学习
参考：HanLP 自然语言处理使用总结-CSDN博客 参考：Sprint Boot 工程中HanLP配置相对路径，始终有问题的解决方案_springboot hanlp-CSDN博客 <!--hanlp 依赖--><dependency><groupId>com.hankcs</groupId><artifa…...
Excel中函数SIGN()的用法
Excel中函数SIGN的用法 1. 函数详细讲解1.1 函数解释1.2 使用格式1.3 参数定义1.4 要点 2. 实用演示示例2.1 函数需求2.2 公式编写 3. 注意事项4. 文档下载5. 其他文章6. 获取全部Excel练习素材快来试试吧🥰 函数练习素材👈点击即可进行下载操作操作注意…...