feat: 添加行业资讯模块及相关功能
新增行业资讯列表页和详情页，实现文章数据的获取和展示功能 添加导航菜单项到所有页面，并移除部分冗余代码 创建HTTP请求工具函数用于获取文章数据
This commit is contained in:
砂糖
310
article.html
Normal file
310
article.html
Normal file
@@ -0,0 +1,310 @@
|
||||
<!DOCTYPE html>
|
||||
<html class="no-js" lang="">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>工业4.0时代的智能制造趋势 - 福安德信息科技有限公司</title>
|
||||
<meta name="description" content="探讨工业4.0背景下智能制造的发展趋势和应用案例，分析如何通过数字化转型提升企业竞争力。">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="icon" type="image/x-icon" href="assets/logo/favicon.ico">
|
||||
<link rel="apple-touch-icon" href="assets/logo/favicon.ico">
|
||||
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
|
||||
<link rel="stylesheet" href="assets/css/all.css">
|
||||
<link rel="stylesheet" href="assets/css/slick-theme.css">
|
||||
<link rel="stylesheet" href="assets/css/slick.css">
|
||||
<link rel="stylesheet" href="assets/css/animate.css">
|
||||
<link rel="stylesheet" href="assets/css/venobox.css">
|
||||
<link rel="stylesheet" href="assets/css/flaticon.css">
|
||||
<link rel="stylesheet" href="assets/css/flaticon1.css">
|
||||
<link rel="stylesheet" href="assets/css/style.css">
|
||||
<link rel="stylesheet" href="assets/css/responsive.css">
|
||||
<meta name="theme-color" content="#fafafa">
|
||||
</head>
|
||||
|
||||
<body id="home">
|
||||
<div id="loading"><img src="assets/picture/preloader.gif" alt=""></div>
|
||||
<header>
|
||||
<div class="site-navigation menu-transparent" id="mainmenu-area">
|
||||
<nav class="navbar navbar-expand-lg navbar-light navbar-floating">
|
||||
<div class="container"><a class="navbar-brand" href="index.html">
|
||||
<img src="assets/logo/logo-white.jpg" alt="福安德信息科技" class="img-fluid">
|
||||
<span class="ml-2 text-white">福安德信息科技有限公司</span>
|
||||
</a><button
|
||||
class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarMenu"
|
||||
aria-controls="navbarMenu" aria-expanded="false" aria-label="Toggle navigation"><span
|
||||
class="navbar-toggler-icon"></span></button>
|
||||
<div class="collapse navbar-collapse mainmenu" id="navbarMenu">
|
||||
<ul class="navbar-nav mx-auto">
|
||||
<li class="nav-item"><a href="index.html" class="nav-link">首页</a></li>
|
||||
<li class="nav-item"><a href="about.html" class="nav-link">关于我们</a></li>
|
||||
<li class="nav-item"><a href="service.html" class="nav-link">解决方案</a></li>
|
||||
<li class="nav-item"><a href="articleList.html" class="nav-link">行业资讯</a></li>
|
||||
<li class="nav-item"><a href="portfolio.html" class="nav-link">成功案例</a></li>
|
||||
<li class="nav-item"><a href="contact.html" class="nav-link">联系我们</a></li>
|
||||
</ul>
|
||||
<div class="header-btn d-none d-lg-block"><a href="tel:+8615075462410"
|
||||
class="btn btn-radius btn-solid-border text-uppercase">欢迎致电</a></div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
</header>
|
||||
<section class="page-banner pt-60 pb-60">
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-xl-6">
|
||||
<div class="page-banner-content text-center">
|
||||
<h2>工业4.0时代的智能制造趋势</h2>
|
||||
<ul class="list-inline">
|
||||
<li class="list-inline-item"><a href="index.html">首页</a></li>
|
||||
<li class="list-inline-item"><i class="fa fa-angle-right"></i></li>
|
||||
<li class="list-inline-item"><a href="articleList.html">行业资讯</a></li>
|
||||
<!-- <li class="list-inline-item"><i class="fa fa-angle-right"></i></li>
|
||||
<li class="list-inline-item">工业4.0时代的智能制造趋势</li> -->
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="service-2 pt-100 pb-60 section bg-primary-light">
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-xl-8">
|
||||
<div class="article-content">
|
||||
<div class="article-meta mb-40" id="articleMeta">
|
||||
<!-- 文章元信息将通过JavaScript动态渲染 -->
|
||||
</div>
|
||||
<div class="article-body" id="articleBody">
|
||||
<!-- 文章内容将通过JavaScript动态渲染 -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="pricing section-padding pb-110 section">
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-xl-8">
|
||||
<div class="section-heading text-center mb-60">
|
||||
<span class="text-primary text-uppercase mb-10 d-inline-block">相关推荐</span>
|
||||
<h2>更多行业资讯</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="cta">
|
||||
<div class="container">
|
||||
<div class="cta-inner section">
|
||||
<div class="cta-shape1"></div>
|
||||
<div class="cta-shape2"></div>
|
||||
<div class="cta-shape3"></div>
|
||||
<div class="row align-items-center ">
|
||||
<div class="col-xl-8 col-lg-8">
|
||||
<div class="section-heading text-center text-lg-left mb-4 mb-lg-0">
|
||||
<span class="text-white text-capitalize mb-10 d-inline-block">准备开始合作？</span>
|
||||
<h2 class="text-white">联系我们</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xl-4 col-lg-4">
|
||||
<div class="text-center text-lg-right ">
|
||||
<a href="contact.html" class="btn btn-main btn-radius text-uppercase">立即咨询</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<footer class="footer footer-2 pt-130">
|
||||
<div class="footer-top">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xl-3 col-md-6 col-sm-6">
|
||||
<div class="footer-widget mb-5 mb-xl-0">
|
||||
<div class="footer-logo">
|
||||
<img src="assets/logo/logo-blue.jpg" alt="福安德信息科技" class="img-fluid">
|
||||
</div>
|
||||
<p>致力于为企业提供全方位的智能制造与数字化转型解决方案</p>
|
||||
<div class="subscribe-form">
|
||||
<form action="javascript:;" class="sub-form">
|
||||
<input type="text" class="form-control" placeholder="请输入您的邮箱">
|
||||
<a href="#"><i class="flaticon flaticon-paper-plane"></i></a>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xl-3 col-md-6 col-sm-6">
|
||||
<div class="footer-widget mb-5 mb-xl-0 pl-xl-3">
|
||||
<h3>快速链接</h3>
|
||||
<ul class="list-unstyled">
|
||||
<li><a href="about.html">关于我们</a></li>
|
||||
<li><a href="service.html">解决方案</a></li>
|
||||
<li><a href="portfolio.html">成功案例</a></li>
|
||||
<li><a href="contact.html">联系我们</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xl-2 col-md-6 col-sm-6">
|
||||
<div class="footer-widget mb-5 mb-xl-0">
|
||||
<h3>支持服务</h3>
|
||||
<ul class="list-unstyled">
|
||||
<li><a href="contact.html">联系方式</a></li>
|
||||
<li><a href="service.html">技术支持</a></li>
|
||||
<li><a href="about.html">关于我们</a></li>
|
||||
<li><a href="contact.html">在线咨询</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xl-3 col-md-6 col-sm-6 offset-xl-1 col-lg-5">
|
||||
<div class="footer-widget mb-5 mb-xl-0">
|
||||
<h3>联系方式</h3>
|
||||
<ul class="list-unstyled">
|
||||
<li><strong>地址：</strong>山东省济宁市济宁经济开发区嘉瑞路与呈祥大道交汇处向北50米电子信息产业园A4号楼</li>
|
||||
<li><a href="mailto:1225822242@qq.com"><strong>邮箱：</strong>1225822242@qq.com</a></li>
|
||||
<li><a href="tel:15075462410"><strong>电话：</strong>15075462410</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-copyright">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xl-6 col-sm-6">
|
||||
<p class="copyright text-center text-sm-left text-lg-left">Copyright © 2024 福安德信息科技有限公司. 版权所有</p>
|
||||
</div>
|
||||
<div class="col-xl-6 col-sm-6">
|
||||
<div class="footer-socials text-center text-xl-right">
|
||||
<a href="#"><i class="flaticon flaticon-weixin"></i></a>
|
||||
<a href="#"><i class="flaticon flaticon-weibo"></i></a>
|
||||
<a href="#"><i class="flaticon flaticon-linkedin"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
<div class="fixed-btm-top"><a href="#home" class="smoth-scroll scroll-to-top bg-shadow"><i
|
||||
class="fa fa-angle-up"></i></a></div>
|
||||
<script src="assets/js/jquery-3.5.1.min.js"></script>
|
||||
<script src="assets/js/popper.min.js"></script>
|
||||
<script src="assets/js/bootstrap.min.js"></script>
|
||||
<script src="assets/js/slick.min.js"></script>
|
||||
<script src="assets/js/venobox.js"></script>
|
||||
<script src="assets/js/tilt.js"></script>
|
||||
<script src="assets/js/wow.min.js"></script>
|
||||
<script src="assets/js/jquery.waypoints.min.js"></script>
|
||||
<script src="assets/js/jquery.counterup.min.js"></script>
|
||||
<script src="assets/js/map.js"></script>
|
||||
<script src="assets/js/scripts.js"></script>
|
||||
<script src="js/http.js"></script>
|
||||
<script>
|
||||
// 从URL参数中获取文章ID
|
||||
function getArticleIdFromUrl() {
|
||||
const urlParams = new URLSearchParams(window.location.search);
|
||||
return urlParams.get('id');
|
||||
}
|
||||
|
||||
// 渲染文章详情
|
||||
async function renderArticleDetail() {
|
||||
const articleId = getArticleIdFromUrl();
|
||||
const articleMeta = document.getElementById('articleMeta');
|
||||
const articleBody = document.getElementById('articleBody');
|
||||
|
||||
// 显示加载状态
|
||||
articleMeta.innerHTML = '<div class="text-center py-5"><i class="fas fa-spinner fa-spin fa-2x text-primary"></i></div>';
|
||||
articleBody.innerHTML = '<div class="text-center py-5"><i class="fas fa-spinner fa-spin fa-2x text-primary"></i></div>';
|
||||
|
||||
try {
|
||||
// 获取文章详情
|
||||
const articleResponse = await getArticleDetail(articleId);
|
||||
console.log(articleResponse)
|
||||
const article = articleResponse.data;
|
||||
|
||||
if (!article) {
|
||||
articleMeta.innerHTML = '<div class="text-center py-5"><p>文章不存在</p></div>';
|
||||
articleBody.innerHTML = '<div class="text-center py-5"><p>文章不存在或已被删除</p></div>';
|
||||
return;
|
||||
}
|
||||
|
||||
// 更新页面标题
|
||||
document.title = `${article.title} - 福安德信息科技有限公司`;
|
||||
|
||||
// 更新banner标题
|
||||
document.querySelector('.page-banner-content h2').textContent = article.title;
|
||||
|
||||
// 渲染文章元信息
|
||||
articleMeta.innerHTML = `
|
||||
<span class="mr-30"><i class="fas fa-calendar-alt"></i> ${article.publishedTime.split(' ')[0]}</span>
|
||||
<span class="mr-30"><i class="fas fa-user"></i> 福安德信息科技</span>
|
||||
<span><i class="fas fa-tag"></i> 行业资讯</span>
|
||||
`;
|
||||
|
||||
// 渲染文章内容
|
||||
articleBody.innerHTML = article.content;
|
||||
|
||||
// 渲染相关推荐
|
||||
await renderRelatedArticles();
|
||||
} catch (error) {
|
||||
console.error('获取文章详情失败:', error);
|
||||
articleMeta.innerHTML = '<div class="text-center py-5"><p>获取文章详情失败</p></div>';
|
||||
articleBody.innerHTML = '<div class="text-center py-5"><p>获取文章详情失败，请刷新页面重试</p></div>';
|
||||
}
|
||||
}
|
||||
|
||||
// 渲染相关推荐文章
|
||||
async function renderRelatedArticles() {
|
||||
const relatedContainer = document.querySelector('.pricing .row');
|
||||
if (!relatedContainer) {
|
||||
console.error('未找到相关推荐容器');
|
||||
return;
|
||||
}
|
||||
relatedContainer.innerHTML = '<div class="col-12 text-center py-5"><i class="fas fa-spinner fa-spin fa-2x text-primary"></i></div>';
|
||||
|
||||
|
||||
try {
|
||||
const response = await getArticleList({ pageNum: 1, pageSize: 3, langCode: 'zh' });
|
||||
const relatedArticles = response.rows || [];
|
||||
|
||||
relatedContainer.innerHTML = '';
|
||||
|
||||
if (relatedArticles.length === 0) {
|
||||
relatedContainer.innerHTML = '<div class="col-12 text-center py-5"><p>暂无相关推荐</p></div>';
|
||||
return;
|
||||
}
|
||||
|
||||
relatedArticles.forEach((article, index) => {
|
||||
const delay = 0.2 + (index % 3) * 0.1;
|
||||
const articleItem = document.createElement('div');
|
||||
articleItem.className = 'col-xl-4 col-lg-6 col-md-6';
|
||||
articleItem.innerHTML = `
|
||||
<div class="about-item mb-25 wow slideInUp" data-wow-delay="${delay}s">
|
||||
<div class="icon-box"><i class="fas fa-newspaper"></i></div>
|
||||
<div class="about-item-content">
|
||||
<h4 class="mb-15"><a href="article.html?id=${article.articleId}">${article.title}</a></h4>
|
||||
<p>${article.summary || article.content.replace(/<[^>]*>/g, '').substring(0, 100)}...</p>
|
||||
<p class="text-muted mt-10">${article.publishedTime.split(' ')[0]}</p>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
relatedContainer.appendChild(articleItem);
|
||||
});
|
||||
} catch (error) {
|
||||
console.error('获取相关推荐失败:', error);
|
||||
relatedContainer.innerHTML = '<div class="col-12 text-center py-5"><p>获取相关推荐失败</p></div>';
|
||||
}
|
||||
}
|
||||
|
||||
// 页面加载完成后渲染文章详情
|
||||
window.onload = function() {
|
||||
renderArticleDetail();
|
||||
};
|
||||
</script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
274
articleList.html
Normal file
274
articleList.html
Normal file
@@ -0,0 +1,274 @@
|
||||
<!DOCTYPE html>
|
||||
<html class="no-js" lang="">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>行业资讯 - 福安德信息科技有限公司</title>
|
||||
<meta name="description" content="福安德信息科技有限公司行业资讯栏目，提供智能制造、工业自动化、人工智能等领域的最新资讯和技术洞察。">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="icon" type="image/x-icon" href="assets/logo/favicon.ico">
|
||||
<link rel="apple-touch-icon" href="assets/logo/favicon.ico">
|
||||
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
|
||||
<link rel="stylesheet" href="assets/css/all.css">
|
||||
<link rel="stylesheet" href="assets/css/slick-theme.css">
|
||||
<link rel="stylesheet" href="assets/css/slick.css">
|
||||
<link rel="stylesheet" href="assets/css/animate.css">
|
||||
<link rel="stylesheet" href="assets/css/venobox.css">
|
||||
<link rel="stylesheet" href="assets/css/flaticon.css">
|
||||
<link rel="stylesheet" href="assets/css/flaticon1.css">
|
||||
<link rel="stylesheet" href="assets/css/style.css">
|
||||
<link rel="stylesheet" href="assets/css/responsive.css">
|
||||
<meta name="theme-color" content="#fafafa">
|
||||
</head>
|
||||
|
||||
<body id="home">
|
||||
<div id="loading"><img src="assets/picture/preloader.gif" alt=""></div>
|
||||
<header>
|
||||
<div class="site-navigation menu-transparent" id="mainmenu-area">
|
||||
<nav class="navbar navbar-expand-lg navbar-light navbar-floating">
|
||||
<div class="container"><a class="navbar-brand" href="index.html">
|
||||
<img src="assets/logo/logo-white.jpg" alt="福安德信息科技" class="img-fluid">
|
||||
<span class="ml-2 text-white">福安德信息科技有限公司</span>
|
||||
</a><button
|
||||
class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarMenu"
|
||||
aria-controls="navbarMenu" aria-expanded="false" aria-label="Toggle navigation"><span
|
||||
class="navbar-toggler-icon"></span></button>
|
||||
<div class="collapse navbar-collapse mainmenu" id="navbarMenu">
|
||||
<ul class="navbar-nav mx-auto">
|
||||
<li class="nav-item"><a href="index.html" class="nav-link">首页</a></li>
|
||||
<li class="nav-item"><a href="about.html" class="nav-link">关于我们</a></li>
|
||||
<li class="nav-item"><a href="service.html" class="nav-link">解决方案</a></li>
|
||||
<li class="nav-item"><a href="articleList.html" class="nav-link">行业资讯</a></li>
|
||||
<li class="nav-item"><a href="portfolio.html" class="nav-link">成功案例</a></li>
|
||||
<li class="nav-item"><a href="contact.html" class="nav-link">联系我们</a></li>
|
||||
</ul>
|
||||
<div class="header-btn d-none d-lg-block"><a href="tel:+8615075462410"
|
||||
class="btn btn-radius btn-solid-border text-uppercase">欢迎致电</a></div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
</header>
|
||||
<section class="page-banner pt-60 pb-60">
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-xl-6">
|
||||
<div class="page-banner-content text-center">
|
||||
<h2>行业资讯</h2>
|
||||
<ul class="list-inline">
|
||||
<li class="list-inline-item"><a href="index.html">首页</a></li>
|
||||
<li class="list-inline-item"><i class="fa fa-angle-right"></i></li>
|
||||
<li class="list-inline-item">行业资讯</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="service-2 pt-100 pb-60 section bg-primary-light">
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-xl-10">
|
||||
<div class="section-heading text-center mb-70 text-center">
|
||||
<span class="text-primary text-uppercase mb-10 d-inline-block">最新资讯</span>
|
||||
<h2>行业资讯列表</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row" id="articleList">
|
||||
<!-- 文章列表将通过JavaScript动态渲染 -->
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="pricing section-padding pb-110 section">
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-xl-8">
|
||||
<div class="section-heading text-center mb-60">
|
||||
<span class="text-primary text-uppercase mb-10 d-inline-block">订阅资讯</span>
|
||||
<h2>获取最新行业动态</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-xl-8 col-lg-10">
|
||||
<div class="pricing-box mb-4 mb-xl-0 wow fadeInUp pricing-style-2">
|
||||
<div class="pricing-header">
|
||||
<span>资讯订阅</span>
|
||||
<h2>免费订阅</h2>
|
||||
<p>定期获取行业最新资讯</p>
|
||||
</div>
|
||||
<div class="pricing-feature">
|
||||
<ul class="list-unstyled">
|
||||
<li><i class="flaticon flaticon-check"></i>行业最新动态</li>
|
||||
<li><i class="flaticon flaticon-check"></i>技术趋势分析</li>
|
||||
<li><i class="flaticon flaticon-check"></i>案例分享</li>
|
||||
<li><i class="flaticon flaticon-check"></i>专家观点</li>
|
||||
<li><i class="flaticon flaticon-check"></i>活动通知</li>
|
||||
<li><i class="flaticon flaticon-check"></i>免费技术咨询</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="subscribe-form">
|
||||
<form action="javascript:;" class="sub-form">
|
||||
<input type="text" class="form-control" placeholder="请输入您的邮箱">
|
||||
<a href="#"><i class="flaticon flaticon-paper-plane"></i></a>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="cta">
|
||||
<div class="container">
|
||||
<div class="cta-inner section">
|
||||
<div class="cta-shape1"></div>
|
||||
<div class="cta-shape2"></div>
|
||||
<div class="cta-shape3"></div>
|
||||
<div class="row align-items-center ">
|
||||
<div class="col-xl-8 col-lg-8">
|
||||
<div class="section-heading text-center text-lg-left mb-4 mb-lg-0">
|
||||
<span class="text-white text-capitalize mb-10 d-inline-block">准备开始合作？</span>
|
||||
<h2 class="text-white">联系我们</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xl-4 col-lg-4">
|
||||
<div class="text-center text-lg-right ">
|
||||
<a href="contact.html" class="btn btn-main btn-radius text-uppercase">立即咨询</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<footer class="footer footer-2 pt-130">
|
||||
<div class="footer-top">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xl-3 col-md-6 col-sm-6">
|
||||
<div class="footer-widget mb-5 mb-xl-0">
|
||||
<div class="footer-logo">
|
||||
<img src="assets/logo/logo-blue.jpg" alt="福安德信息科技" class="img-fluid">
|
||||
</div>
|
||||
<p>致力于为企业提供全方位的智能制造与数字化转型解决方案</p>
|
||||
<div class="subscribe-form">
|
||||
<form action="javascript:;" class="sub-form">
|
||||
<input type="text" class="form-control" placeholder="请输入您的邮箱">
|
||||
<a href="#"><i class="flaticon flaticon-paper-plane"></i></a>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xl-3 col-md-6 col-sm-6">
|
||||
<div class="footer-widget mb-5 mb-xl-0 pl-xl-3">
|
||||
<h3>快速链接</h3>
|
||||
<ul class="list-unstyled">
|
||||
<li><a href="about.html">关于我们</a></li>
|
||||
<li><a href="service.html">解决方案</a></li>
|
||||
<li><a href="portfolio.html">成功案例</a></li>
|
||||
<li><a href="contact.html">联系我们</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xl-2 col-md-6 col-sm-6">
|
||||
<div class="footer-widget mb-5 mb-xl-0">
|
||||
<h3>支持服务</h3>
|
||||
<ul class="list-unstyled">
|
||||
<li><a href="contact.html">联系方式</a></li>
|
||||
<li><a href="service.html">技术支持</a></li>
|
||||
<li><a href="about.html">关于我们</a></li>
|
||||
<li><a href="contact.html">在线咨询</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xl-3 col-md-6 col-sm-6 offset-xl-1 col-lg-5">
|
||||
<div class="footer-widget mb-5 mb-xl-0">
|
||||
<h3>联系方式</h3>
|
||||
<ul class="list-unstyled">
|
||||
<li><strong>地址：</strong>山东省济宁市济宁经济开发区嘉瑞路与呈祥大道交汇处向北50米电子信息产业园A4号楼</li>
|
||||
<li><a href="mailto:1225822242@qq.com"><strong>邮箱：</strong>1225822242@qq.com</a></li>
|
||||
<li><a href="tel:15075462410"><strong>电话：</strong>15075462410</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-copyright">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xl-6 col-sm-6">
|
||||
<p class="copyright text-center text-sm-left text-lg-left">Copyright © 2024 福安德信息科技有限公司. 版权所有</p>
|
||||
</div>
|
||||
<div class="col-xl-6 col-sm-6">
|
||||
<div class="footer-socials text-center text-xl-right">
|
||||
<a href="#"><i class="flaticon flaticon-weixin"></i></a>
|
||||
<a href="#"><i class="flaticon flaticon-weibo"></i></a>
|
||||
<a href="#"><i class="flaticon flaticon-linkedin"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
<div class="fixed-btm-top"><a href="#home" class="smoth-scroll scroll-to-top bg-shadow"><i
|
||||
class="fa fa-angle-up"></i></a></div>
|
||||
<script src="assets/js/jquery-3.5.1.min.js"></script>
|
||||
<script src="assets/js/popper.min.js"></script>
|
||||
<script src="assets/js/bootstrap.min.js"></script>
|
||||
<script src="assets/js/slick.min.js"></script>
|
||||
<script src="assets/js/venobox.js"></script>
|
||||
<script src="assets/js/tilt.js"></script>
|
||||
<script src="assets/js/wow.min.js"></script>
|
||||
<script src="assets/js/jquery.waypoints.min.js"></script>
|
||||
<script src="assets/js/jquery.counterup.min.js"></script>
|
||||
<script src="assets/js/map.js"></script>
|
||||
<script src="assets/js/scripts.js"></script>
|
||||
<script src="js/http.js"></script>
|
||||
<script>
|
||||
// 渲染文章列表
|
||||
async function renderArticleList() {
|
||||
const articleListContainer = document.getElementById('articleList');
|
||||
articleListContainer.innerHTML = '<div class="col-12 text-center py-5"><i class="fas fa-spinner fa-spin fa-2x text-primary"></i></div>';
|
||||
|
||||
try {
|
||||
const response = await getArticleList({ pageNum: 1, pageSize: 6, langCode: 'zh' });
|
||||
const articleData = response.rows || [];
|
||||
|
||||
articleListContainer.innerHTML = '';
|
||||
|
||||
if (articleData.length === 0) {
|
||||
articleListContainer.innerHTML = '<div class="col-12 text-center py-5"><p>暂无文章数据</p></div>';
|
||||
return;
|
||||
}
|
||||
|
||||
articleData.forEach((article, index) => {
|
||||
const delay = 0.2 + (index % 3) * 0.1;
|
||||
const articleItem = document.createElement('div');
|
||||
articleItem.className = 'col-xl-4 col-lg-6 col-md-6';
|
||||
articleItem.innerHTML = `
|
||||
<div class="about-item mb-25 wow slideInUp" data-wow-delay="${delay}s">
|
||||
<div class="icon-box"><i class="fas fa-newspaper"></i></div>
|
||||
<div class="about-item-content">
|
||||
<h4 class="mb-15"><a href="article.html?id=${article.articleId}">${article.title}</a></h4>
|
||||
<p>${article.summary || article.content.replace(/<[^>]*>/g, '').substring(0, 100)}...</p>
|
||||
<p class="text-muted mt-10">${article.publishedTime.split(' ')[0]}</p>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
articleListContainer.appendChild(articleItem);
|
||||
});
|
||||
} catch (error) {
|
||||
console.error('获取文章列表失败:', error);
|
||||
articleListContainer.innerHTML = '<div class="col-12 text-center py-5"><p>获取文章列表失败，请刷新页面重试</p></div>';
|
||||
}
|
||||
}
|
||||
|
||||
// 页面加载完成后渲染文章列表
|
||||
window.onload = function() {
|
||||
renderArticleList();
|
||||
};
|
||||
</script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -38,6 +38,7 @@
|
||||
<li class="nav-item"><a href="index.html" class="nav-link">首页</a></li>
|
||||
<li class="nav-item"><a href="about.html" class="nav-link">关于我们</a></li>
|
||||
<li class="nav-item"><a href="service.html" class="nav-link">解决方案</a></li>
|
||||
<li class="nav-item"><a href="articleList.html" class="nav-link">行业资讯</a></li>
|
||||
<li class="nav-item"><a href="portfolio.html" class="nav-link">成功案例</a></li>
|
||||
<li class="nav-item"><a href="contact.html" class="nav-link">联系我们</a></li>
|
||||
</ul>
|
||||
|
||||
57
index.html
57
index.html
@@ -38,6 +38,7 @@
|
||||
<li class="nav-item"><a href="index.html" class="nav-link">首页</a></li>
|
||||
<li class="nav-item"><a href="about.html" class="nav-link">关于我们</a></li>
|
||||
<li class="nav-item"><a href="service.html" class="nav-link">解决方案</a></li>
|
||||
<li class="nav-item"><a href="articleList.html" class="nav-link">行业资讯</a></li>
|
||||
<li class="nav-item"><a href="portfolio.html" class="nav-link">成功案例</a></li>
|
||||
<li class="nav-item"><a href="contact.html" class="nav-link">联系我们</a></li>
|
||||
</ul>
|
||||
@@ -379,61 +380,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!--section class="testimonial-2 pt-110 section">
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-xl-8">
|
||||
<div class="section-heading text-center mb-10"><span
|
||||
class="text-uppercase mb-10 d-inline-block wow slideInUp text-primary"
|
||||
data-wow-delay="0s">客户评价</span>
|
||||
<h2 class=" wow flipInX" data-wow-delay=".1s">客户对我们的评价</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--div class="row justify-content-center">
|
||||
<div class="col-xl-12 col-lg-12">
|
||||
<div class="client-testimonials2">
|
||||
<div class="testimonial-item2 text-center">
|
||||
<div class="testimonial-content">
|
||||
<div class="client-img"><img src="assets/picture/client-img1.png" alt="客户头像"
|
||||
class="img-fluid"></div>
|
||||
<div class="testimonial-item-content">
|
||||
<p>"福安德信息科技团队专业且高效，他们提供的PLC工控系统升级方案帮助我们显著提升了生产效率，降低了运营成本。"</p>
|
||||
<div class="client-info">
|
||||
<h4>张总</h4><span>某制造企业 生产总监</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="testimonial-item2 text-center">
|
||||
<div class="testimonial-content">
|
||||
<div class="client-img"><img src="assets/picture/client-img2.jpg" alt="客户头像"
|
||||
class="img-fluid"></div>
|
||||
<div class="testimonial-item-content">
|
||||
<p>"智慧校园管理系统的实施让我们的校园管理更加智能化、规范化，大大提高了管理效率，获得了师生的一致好评。"</p>
|
||||
<div class="client-info">
|
||||
<h4>李校长</h4><span>某高校 校长</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="testimonial-item2 text-center">
|
||||
<div class="testimonial-content">
|
||||
<div class="client-img"><img src="assets/picture/client-img3.jpg" alt="客户头像"
|
||||
class="img-fluid"></div>
|
||||
<div class="testimonial-item-content">
|
||||
<p>"私域大模型的部署帮助我们实现了智能客服的升级，显著提升了客户服务质量和效率，为企业带来了实实在在的价值。"</p>
|
||||
<div class="client-info">
|
||||
<h4>王经理</h4><span>某科技公司 技术总监</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section-->
|
||||
|
||||
<!-- 公司展示 -->
|
||||
<section class="section-padding">
|
||||
<div class="container">
|
||||
|
||||
22
js/http.js
Normal file
22
js/http.js
Normal file
@@ -0,0 +1,22 @@
|
||||
// 获取咨询列表
|
||||
async function getArticleList(params) {
|
||||
const urlParams = new URLSearchParams(params)
|
||||
return fetch(`http://49.232.154.205/prod-api/export/article/list?${urlParams.toString()}`, {
|
||||
method: 'GET',
|
||||
headers: {
|
||||
'Content-Type': 'application/json'
|
||||
},
|
||||
})
|
||||
.then(res => res.json())
|
||||
}
|
||||
|
||||
// 获取咨询详情
|
||||
async function getArticleDetail(id) {
|
||||
return fetch(`http://49.232.154.205/prod-api/export/article/${id}`, {
|
||||
method: 'GET',
|
||||
headers: {
|
||||
'Content-Type': 'application/json'
|
||||
}
|
||||
})
|
||||
.then(res => res.json())
|
||||
}
|
||||
@@ -38,6 +38,7 @@
|
||||
<li class="nav-item"><a href="index.html" class="nav-link">首页</a></li>
|
||||
<li class="nav-item"><a href="about.html" class="nav-link">关于我们</a></li>
|
||||
<li class="nav-item"><a href="service.html" class="nav-link">解决方案</a></li>
|
||||
<li class="nav-item"><a href="articleList.html" class="nav-link">行业资讯</a></li>
|
||||
<li class="nav-item"><a href="portfolio.html" class="nav-link">成功案例</a></li>
|
||||
<li class="nav-item"><a href="contact.html" class="nav-link">联系我们</a></li>
|
||||
</ul>
|
||||
|
||||
@@ -38,6 +38,7 @@
|
||||
<li class="nav-item"><a href="index.html" class="nav-link">首页</a></li>
|
||||
<li class="nav-item"><a href="about.html" class="nav-link">关于我们</a></li>
|
||||
<li class="nav-item"><a href="service.html" class="nav-link">解决方案</a></li>
|
||||
<li class="nav-item"><a href="articleList.html" class="nav-link">行业资讯</a></li>
|
||||
<li class="nav-item"><a href="portfolio.html" class="nav-link">成功案例</a></li>
|
||||
<li class="nav-item"><a href="contact.html" class="nav-link">联系我们</a></li>
|
||||
</ul>
|
||||
|
||||
179
service.html
179
service.html
@@ -38,6 +38,7 @@
|
||||
<li class="nav-item"><a href="index.html" class="nav-link">首页</a></li>
|
||||
<li class="nav-item"><a href="about.html" class="nav-link">关于我们</a></li>
|
||||
<li class="nav-item"><a href="service.html" class="nav-link">解决方案</a></li>
|
||||
<li class="nav-item"><a href="articleList.html" class="nav-link">行业资讯</a></li>
|
||||
<li class="nav-item"><a href="portfolio.html" class="nav-link">成功案例</a></li>
|
||||
<li class="nav-item"><a href="contact.html" class="nav-link">联系我们</a></li>
|
||||
</ul>
|
||||
@@ -64,184 +65,6 @@
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!--section class="pt-100 pb-20 section service-2">
|
||||
<div class="s-shape1 "></div>
|
||||
<div class="s-shape2"></div>
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-xl-10">
|
||||
<div class="section-heading text-center mb-140 text-center">
|
||||
<span class="text-primary text-uppercase mb-10 d-inline-block">核心解决方案</span>
|
||||
<h2>为企业提供全方位的智能制造与数字化转型服务</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-lg-4 col-md-6">
|
||||
<div class="service-item">
|
||||
|
||||
<h3>工业自动化解决方案</h3>
|
||||
<p>提供专业的工业自动化控制解决方案，包括PLC编程、HMI设计、工业网络搭建、设备联网监控、生产数据采集与分析等，助力企业实现智能化生产。</p>
|
||||
<a href="#" class="btn btn-solid-border">了解更多</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 col-md-6">
|
||||
<div class="service-item">
|
||||
|
||||
<h3>智慧校园解决方案</h3>
|
||||
<p>为教育机构提供全方位的智能化解决方案，包括校园安防监控、教务管理、学生管理、资产管理等系统集成，打造智慧化校园环境。</p>
|
||||
<a href="#" class="btn btn-solid-border">了解更多</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 col-md-6">
|
||||
<div class="service-item">
|
||||
|
||||
<h3>人工智能应用</h3>
|
||||
<p>提供私域大模型部署、算力解决方案等AI应用服务，包括智能客服、智能质检、预测性维护等AI场景应用，助力企业数字化转型。</p>
|
||||
<a href="#" class="btn btn-solid-border">了解更多</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row mt-5">
|
||||
<div class="col-lg-12">
|
||||
<div class="section-heading text-center">
|
||||
<h2>管理团队</h2>
|
||||
<p class="mt-3">拥有丰富的企业管理经验和行业资源，致力于推动企业数字化转型和智能制造发展。</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row mt-4">
|
||||
<div class="col-lg-4 col-md-6 mb-4">
|
||||
<div class="team-member text-center">
|
||||
<div class="member-img mb-4">
|
||||
<img src="assets/picture/team-1.jpg" alt="CEO" class="img-fluid rounded-circle">
|
||||
</div>
|
||||
<h4>张明</h4>
|
||||
<p class="text-primary mb-2">首席执行官</p>
|
||||
<p class="mb-3">拥有20年工业自动化领域经验，曾任多家知名企业高管，在智能制造和数字化转型方面具有丰富经验。</p>
|
||||
<div class="social-links">
|
||||
<a href="#"><i class="fab fa-linkedin"></i></a>
|
||||
<a href="#"><i class="fab fa-weixin"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 col-md-6 mb-4">
|
||||
<div class="team-member text-center">
|
||||
<div class="member-img mb-4">
|
||||
<img src="assets/picture/team-2.jpg" alt="CTO" class="img-fluid rounded-circle">
|
||||
</div>
|
||||
<h4>李强</h4>
|
||||
<p class="text-primary mb-2">技术总监</p>
|
||||
<p class="mb-3">人工智能专家，拥有15年软件开发经验，主导过多个大型AI项目，在机器学习和大模型应用方面有深入研究。</p>
|
||||
<div class="social-links">
|
||||
<a href="#"><i class="fab fa-linkedin"></i></a>
|
||||
<a href="#"><i class="fab fa-weixin"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 col-md-6 mb-4">
|
||||
<div class="team-member text-center">
|
||||
<div class="member-img mb-4">
|
||||
<img src="assets/picture/team-3.jpg" alt="COO" class="img-fluid rounded-circle">
|
||||
</div>
|
||||
<h4>王芳</h4>
|
||||
<p class="text-primary mb-2">运营总监</p>
|
||||
<p class="mb-3">拥有12年项目管理经验，专注于智慧校园解决方案，成功实施过多个大型教育信息化项目。</p>
|
||||
<div class="social-links">
|
||||
<a href="#"><i class="fab fa-linkedin"></i></a>
|
||||
<a href="#"><i class="fab fa-weixin"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--div class="row mt-2">
|
||||
<div class="col-lg-4 col-md-6 mb-4">
|
||||
<div class="team-member text-center">
|
||||
<div class="member-img mb-4">
|
||||
<img src="assets/picture/team-4.jpg" alt="Sales Director" class="img-fluid rounded-circle">
|
||||
</div>
|
||||
<h4>赵伟</h4>
|
||||
<p class="text-primary mb-2">销售总监</p>
|
||||
<p class="mb-3">深耕工业自动化市场15年，具有丰富的客户资源和行业经验，擅长为客户提供定制化解决方案。</p>
|
||||
<div class="social-links">
|
||||
<a href="#"><i class="fab fa-linkedin"></i></a>
|
||||
<a href="#"><i class="fab fa-weixin"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 col-md-6 mb-4">
|
||||
<div class="team-member text-center">
|
||||
<div class="member-img mb-4">
|
||||
<img src="assets/picture/team-5.jpg" alt="R&D Director" class="img-fluid rounded-circle">
|
||||
</div>
|
||||
<h4>陈静</h4>
|
||||
<p class="text-primary mb-2">研发总监</p>
|
||||
<p class="mb-3">拥有10年工业软件研发经验，专注于PLC控制系统和工业物联网技术，主导开发多个核心产品。</p>
|
||||
<div class="social-links">
|
||||
<a href="#"><i class="fab fa-linkedin"></i></a>
|
||||
<a href="#"><i class="fab fa-weixin"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 col-md-6 mb-4">
|
||||
<div class="team-member text-center">
|
||||
<div class="member-img mb-4">
|
||||
<img src="assets/picture/team-6.jpg" alt="Service Director" class="img-fluid rounded-circle">
|
||||
</div>
|
||||
<h4>刘洋</h4>
|
||||
<p class="text-primary mb-2">服务总监</p>
|
||||
<p class="mb-3">拥有8年技术服务经验，专注于客户服务体系建设，确保项目交付质量和客户满意度。</p>
|
||||
<div class="social-links">
|
||||
<a href="#"><i class="fab fa-linkedin"></i></a>
|
||||
<a href="#"><i class="fab fa-weixin"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section-->
|
||||
<!--section class="testimonial section-padding section pb-100">
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-xl-8">
|
||||
<div class="section-heading text-center mb-70">
|
||||
<span class="text-uppercase mb-10 d-inline-block text-white">客户评价</span>
|
||||
<h2 class="text-white">客户反馈</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-xl-7 col-lg-10">
|
||||
<div class="client-testimonials">
|
||||
<div class="testimonial-item text-center">
|
||||
<div class="client-img"><img src="assets/picture/client-img1.png" alt="client-img"
|
||||
class="img-fluid"></div>
|
||||
<h4>张总</h4><span>某制造企业负责人</span>
|
||||
<p>福安德信息科技为我们提供的PLC工控系统解决方案，大大提升了生产效率，降低了人工成本。他们的技术团队专业、负责，服务态度也很好。</p>
|
||||
</div>
|
||||
<div class="testimonial-item text-center">
|
||||
<div class="client-img"><img src="assets/picture/client-img2.jpg" alt="client-img"
|
||||
class="img-fluid"></div>
|
||||
<h4>李校长</h4><span>某高校校长</span>
|
||||
<p>智慧校园项目的实施，让我们的校园管理更加智能化、信息化。福安德信息科技的技术实力和服务质量都令人满意。</p>
|
||||
</div>
|
||||
<div class="testimonial-item text-center">
|
||||
<div class="client-img"><img src="assets/picture/client-img3.jpg" alt="client-img"
|
||||
class="img-fluid"></div>
|
||||
<h4>王经理</h4><span>某科技公司技术总监</span>
|
||||
<p>私域大模型的部署服务非常专业，帮助我们快速构建了AI应用平台。福安德信息科技的技术团队经验丰富，解决问题能力强。</p>
|
||||
</div>
|
||||
<div class="testimonial-item text-center">
|
||||
<div class="client-img"><img src="assets/picture/client-img2.jpg" alt="client-img"
|
||||
class="img-fluid"></div>
|
||||
<h4>赵总</h4><span>某企业CEO</span>
|
||||
<p>数字化转型咨询帮助我们明确了发展方向，实施路径清晰可行。福安德信息科技的服务团队专业、高效，值得信赖。</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section-->
|
||||
<section class="service-2 pt-100 pb-60 section bg-primary-light">
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
|
||||
Reference in New Issue
Block a user