Nodejs：用node.js帮朋友做了一个企业网站，展示一下。

Nodejs：用node.js帮朋友做了一个企业网站，展示一下。

##用node.js帮朋友做了一个企业网站，展示一下。 最近在学node.js,感觉用来做网站相当方便,正好，朋友想做一个企业网站，于是我就想正好练练手， 花了大概一个月时间，终于搞定了，使用了markdown,node.js Bootstrap等知识。感觉效果还不错， 于是想展示一下成果，献献丑，请大家指正。谢谢。

源代码地址：[github地址][2] 网站地址：[南宁双腾建筑隔热膜][1] [1]: http://www.shuangteng.net/ [2]: https://github.com/ftyszyx/companyWeb


13 回复

Nodejs：用node.js帮朋友做了一个企业网站，展示一下

最近在学习Node.js，感觉它在开发网站方面非常便捷。刚好我的一个朋友想要建立一个企业网站，于是我决定用Node.js来实践一下。经过大约一个月的时间，我终于完成了这个项目，并且结合了Markdown、Bootstrap等技术。效果不错，所以我想分享一下这个项目的成果。

技术栈

  • Node.js: 作为后端框架
  • Express.js: 用于快速搭建Web应用
  • Pug: 作为模板引擎，用于生成HTML页面
  • Markdown: 用于处理文本内容
  • Bootstrap: 用于响应式布局和UI组件

示例代码

安装依赖

首先，你需要安装Node.js环境，并通过npm（Node Package Manager）安装必要的依赖包。你可以创建一个新的项目文件夹并初始化npm：

mkdir myProject
cd myProject
npm init -y

接着安装Express、Pug和Markdown相关的库：

npm install express pug markdown-it

创建服务器

接下来，我们创建一个基本的Express服务器，用于处理HTTP请求和响应。

// server.js
const express = require('express');
const path = require('path');
const app = express();
const port = 3000;

app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'pug');

app.use(express.static(path.join(__dirname, 'public')));

app.get('/', (req, res) => {
    res.render('index', { title: '企业网站' });
});

app.listen(port, () => {
    console.log(`Server running at http://localhost:${port}`);
});

使用Markdown

为了方便地处理Markdown文件，我们可以使用markdown-it库。例如，我们将Markdown文件转换为HTML片段。

// routes/index.js
const markdown = require('markdown-it')();

function getMarkdownContent() {
    const filePath = path.join(__dirname, '../content/about.md');
    const content = fs.readFileSync(filePath, 'utf8');
    return markdown.render(content);
}

module.exports = function(req, res) {
    res.render('index', {
        title: '企业网站',
        content: getMarkdownContent()
    });
};

视图模板

最后，我们创建一个Pug模板文件，用于渲染HTML页面。

// views/index.pug
doctype
html
  head
    title #{title}
    link(rel='stylesheet', href='/css/style.css')
  body
    h1 #{title}
    div!= content
    script(src='/js/main.js')

总结

通过上述步骤，你就可以创建一个简单的Node.js企业网站。这个网站不仅包含了静态页面，还能够动态加载Markdown文件中的内容。希望这个示例能帮助你更好地理解如何使用Node.js来构建企业网站。

如果你对这个项目感兴趣，可以查看完整的源代码和演示站点：


超链接样式改一下,难看的蓝色,它突兀了

nodejs做企业站倒是很适合,没有多少复杂的逻辑,也不用担心程序出点问题就崩溃

呵呵，以前没搞过html，第一次搞，有些细节没做好，有空就改下，谢谢

呵呵，以前没搞过html，第一次搞，有些细节没做好，有空就改下，谢谢

是啊，挺简单的

本来想用来让用户发邮件的，现在不用了，到时删掉，反正这个qq也是临时注册的，呵呵，没关系，

-。 - 样式不好看啊

第一次做网页，呵呵，有什么好建议可以提一下

挺好，就这样式有种感觉有点旧。

没有后台管理页面吗？

我也是南宁的，fork了~

当然可以！以下是一个简短的回答，包括一些示例代码来展示如何用Node.js搭建一个简单的企业网站。

Nodejs：用Node.js帮朋友做了一个企业网站，展示一下

最近在学习Node.js，感觉它非常适合用来开发网站。正好朋友想做一个企业网站，于是我就决定动手实践一下。通过大约一个月的努力，我终于完成了这个项目，并且使用了Markdown、Node.js和Bootstrap等技术。虽然还有很多需要改进的地方，但我还是想分享一下这个成果。请多多指教！

技术栈

  • Node.js：后端框架
  • Express：用于构建API和服务
  • Pug：模板引擎，用来渲染HTML页面
  • Markdown：用于编写文档
  • Bootstrap：前端框架，提供响应式设计

示例代码

1. 初始化项目

mkdir myCompanyWebsite
cd myCompanyWebsite
npm init -y
npm install express pug markdown-it --save

2. 创建服务器文件 server.js

const express = require('express');
const path = require('path');
const markdown = require('markdown-it')();

const app = express();
const PORT = process.env.PORT || 3000;

app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'pug');

// 使用Markdown解析器
app.get('/about', (req, res) => {
    const markdownContent = '# About Us\nOur company provides high-quality services...';
    const htmlContent = markdown.render(markdownContent);
    res.render('index', { content: htmlContent });
});

app.use(express.static(path.join(__dirname, 'public')));

app.listen(PORT, () => {
    console.log(`Server is running on port ${PORT}`);
});

3. 创建视图文件 views/index.pug

doctype
html
  head
    title My Company Website
    link(rel='stylesheet', href='/css/style.css')
  body
    .container
      h1 Welcome to Our Company!
      != content
    script(src='/js/script.js')

4. 添加静态资源

在 public 目录下创建 css/style.css 和 js/script.js 文件。

网站访问

你可以直接运行项目并访问：

node server.js

然后在浏览器中打开 http://localhost:3000/about 查看关于页面的效果。

源代码地址

你可以查看完整的源代码 在这里。

网站地址

你可以访问我的企业网站 南宁双腾建筑隔热膜。

希望这些代码能帮助你理解如何使用Node.js和相关技术来构建一个企业网站。如果有任何问题或建议，请随时留言！

回到顶部