文章发布自动获取关键字加连接
[field:description function="cn_substr(@me,200)"/]...[详情]
css
效果
我们在百家号上发布文章的话，可以在文章的末端设置一个往期回顾，然后将相关的经典文章连接插入界面，这样也算是让老文章多拿点阅读，下面我们说说百家号发布文章，如何在文章中插入以前文章连接。
方法/步骤1
来到百家号后台。
2
登陆账号。
3
点击发布。
4
点击链接图标。
5
点击我的文章，选择想要插入的文章。
6
文章插入成功。
总结1
1、来到百家号后台。
2、登陆账号。
3、点击发布。
4、点击链接图标。
5、文章插入成功。
nodejs教程之制作一个简单的文章发布系统_nodejs
前言
我们今天就来做一个简单的新闻发布系统，系统第一阶段不需要太难，主要有以下功能
① 新闻类型管理
② 新闻管理（具有图片上传功能）
③ 新闻浏览
功能虽然不多，但是也涵盖很多基本操作了，程序不过增删查改嘛，外加上传附件，够了。于是开始我们今天的学习吧
准备工作
根据昨天的折腾后，我们已经有了nodeJS与mongoDB环境了，现在直接新建工程文件与数据库文件即可
第一步，打开命令符切换到D盘后输入
代码如下:D:\>express -e news
于是系统会自动开开心心构建基本环境
很明显，里面很多模块依赖没有，这个时候将昨天的package.json直接考过来：
代码如下:
{
"name": "application-name",
"version": "0.0.1",
"private": true,
"scripts": {
"start": "node app.js"
},
"dependencies": {
"express": "3.4.8",
"ejs": "*",
"mongodb": "*"
}
}
然后切换到项目目录下：
代码如下:nmp install
依赖文件全部搞下来了，然后我们输入
代码如下:
D:\news>node app
Express server listening on port 3000
于是，我们的程序高高兴兴的运行起来了，打开网址一看，确实没问题
PS：这里有个问题需要注意，我们下载下来的文件不是UTF-8编码，所以中文可能有乱码，文件编码需要各位自己统一
程序跑起来了就需要数据库相关的配置了
① 首先在mongoDB目录中新建news文件夹
② 为项目新增配置文件settings.js
代码如下:
module.exports = {
cookieSecret: 'myNews',
db: 'news',
host: 'localhost'
};
③ 新建models目录，新建db.js
代码如下:
var settings = require('../settings'),
Db = require('mongodb').Db,
Connection = require('mongodb').Connection,
Server = require('mongodb').Server;
module.exports = new Db(settings.db, new Server(settings.host, Connection.DEFAULT_PORT), { safe: true });
④ 在桌面新建news.bat程序
代码如下:d:\mongodb\bin\mongod.exe -dbpath d:\mongodb\news
以后要启动数据库，只需要运行他即可，如此，我们初步的准备工作基本结束
但是这里有两个比较烦的事情，一个是每次要启动news程序很烦，二个是修改任何东西都需要重启，于是我们这里先解决这两个问题
① 在桌面新建news_app.bat，以后运行他就可以启动程序了
代码如下:node d:\news\app
② supervisor为一进程保护程序，我们可以使用他帮我们重启程序，首先按照，然后调整我们的node_app.bat
代码如下:supervisor d:\news\app
当然之前需要安装：
代码如下:npm install -g supervisor
这个样子后，修改了文件就不需要手动重启了（需要将news_app放到项目目录下），于是准备工作到此为止
项目结构
第一步结束后，我们就需要思考下项目结构了
① 首页为index这里将列出所有新闻类型以及对于新闻条目
② 各个新闻条目拥有编辑/删除/查看 三个按钮
③ 首页具有增加新闻按钮（增加时候可上传图片）
基本功能如上
于是，我们去掉app里面的路由功能，将路由全部放到index里面
代码如下:
//将路由功能放入index
//app.get('/', routes.index);
//app.get('/users', user.list);
routes(app);
代码如下:
module.exports = function (app) {
//主页，现在也是首页
app.get('/', function (req, res) {
res.render('index', { title: 'Express' });
});
app.get('/add', function (req, res) {
res.send('增加新闻请求');
});
app.get('/delete', function (req, res) {
res.send('删除新闻请求');
});
app.get('/view', function (req, res) {
res.send('查看新闻请求');
});
app.get('/update', function (req, res) {
res.send('修改新闻请求');
});
};
第一步简单如此，因为增加新闻应该有单独的页面，而具体点击增加按钮又会有其他处理，所以内部还得细分各个请求，现在规定如下：
/ 默认页面，该页面显示所有类型以及新闻，并带有删除按钮
/add 进入添加新闻页面
/addNews 添加新闻具体post请求地址（点击按钮时候的响应）
/delete 删除新闻请求
/view 具体新闻查询
于是稍微修改下上述路由：
代码如下:
module.exports = function (app) {
//主页，现在也是首页
app.get('/', function (req, res) {
res.render('index', { title: 'Express' });
});
app.get('/add', function (req, res) {
res.send('添加新闻页面');
});
app.post('/addNews', function (req, res) {
res.send('处理添加新闻请求');
});
app.get('/delete', function (req, res) {
res.send('删除新闻请求');
});
app.get('/view', function (req, res) {
res.send('查看新闻请求');
});
};
于是我们需要新建几个模板组织我们的网页，这里我们先不分离头尾只要最简单的页面即可
新增add与view两个模板文件，暂时表现与index.ejs一致，并且修改导航相关
代码如下:
module.exports = function (app) {
//主页，现在也是首页
app.get('/', function (req, res) {
res.render('index', { title: 'Express' });
});
app.get('/add', function (req, res) {
res.render('add', { title: '添加新闻页面' });
});
app.post('/addNews', function (req, res) {
res.send('处理添加新闻请求');
});
app.get('/delete', function (req, res) {
res.send('删除新闻请求');
});
app.get('/view', function (req, res) {
res.render('view', { title: '查看新闻请求' });
});
};
至此项目结构结束
数据操作
整体结构出来后，我们就需要进行数据操作了：
① 增加数据（增加新闻）
② 展示数据（展示新闻）
③ 删除数据（删除新闻）
本来还涉及到类型操作的，但是做着做着给搞没了，暂时不管他吧，因为首次做容易迷糊
增加新闻
这里，我们就不使用表单提交了，我们用ajax......这里顺便引入zepto库，于是我们的页面成了这样
代码如下:
虽然现在还没有请求响应程序，所以数据并不会被处理，另外我们这里的附件也没有（现在附件只允许一个好了），于是再修改下代码，加入图片：
PS：比较麻烦的是图片经过ajax处理有点麻烦，所以我们这里乖乖的换回form操作算了，不然又要搞多久......
代码如下:
这个样子就不需要过多的考虑附件问题，先暂时如此吧，现在先处理请求程序，这里先在public里面新建news文件夹用于存储其图片
model
在models文件夹新增news.js文件，为其构建实体，并赋予新增查询相关操作:
代码如下:
var mongodb = require('./db');
function News(title, content, pic) {
this.title = title;
this.content = content;
this.pic = pic;//保存存储路径
};
module.exports = News;
//存储数据
News.prototype = {
save: function (callback) {
var date = new Date();
var time = {
date: date,
year: date.getFullYear(),
month: date.getFullYear() + "-" + (date.getMonth() + 1),
day: date.getFullYear() + "-" + (date.getMonth() + 1) + "-" + date.getDate(),
minute: date.getFullYear() + "-" + (date.getMonth() + 1) + "-" + date.getDate() + " " +
date.getHours() + ":" + (date.getMinutes()
}
//数据存储对象
var news = {
title: this.title,
content: this.content,
pic: this.pic, //图片处理最后来说，现在先乱存
time: time
};
//打开数据连接，打开就是一个回调......
mongodb.open(function (err, db) {
//错误就退出
if (err) {
return callback(err);
}
//打开news集合
db.collection('news', function (err, collection) {
if (err) {
mongodb.close();
return callback(err);
}
//写入集合（写入数据库）
collection.insert(news, { safe: true }, function (err) {
return callback(err);
});
callback(null);//err为null
});
});
}
};
于是，写入数据库的程序就有了，这里我们来试试能不能插入数据库，当然需要修改路由处的程序
PS：路由处当然不能写过多逻辑代码，这个文件以后还得分离
这个时候/addNews里面的逻辑需要改变
代码如下:
app.post('/addNews', function (req, res) {
var title = req.body.title;
var content = req.body.content;
var pic = req.body.pic;
var news = new News(title, content, pic)
news.save(function (err, data) {
res.send(data);
})
});
查询下，问题不大，现在要解决的就是附件问题了
上传图片
上传图片功能express本身就支持了，express通过bodyParser解析请求体，然后便可通过他上传文件了，其内部使用了formidable
这里将app.js里面的app.use(express.bodyParser())改为：
代码如下:app.use(express.bodyParser({ keepExtensions: true, uploadDir: './public/news' }));
打开index.js，在前面加一行代码：
代码如下:fs = require('fs'),
修改一下index文件：
代码如下:
app.post('/addNews', function (req, res) {
for (var i in req.files) {
if (req.files[i] == 0) {
//同步方式删除一个文件
fs.unlinkSync(req.files[i].path);
console.log('success removed an empty file');
} else {
var path = './public/news/' + req.files[i].name;
// 使用同步方式重命名一个文件
fs.renameSync(req.files[i].path, path);
console.log('sunccess renamed a file');
}
}
// var title = req.body.title;
// var content = req.body.content;
// var pic = req.body.pic;
// var news = new News(title, content, pic)
// news.save(function (err, data) {
// res.send(data);
// })
});
这个时候选取文件后点击添加新闻，我们的文件就上传上去了
这个时候，我只需要将文件名记录在数据库即可，文件目录里面就有图片了
代码如下:
app.post('/addNews', function (req, res) {
var pic = null;
for (var i in req.files) {
if (req.files[i] == 0) {
//同步方式删除一个文件
fs.unlinkSync(req.files[i].path);
console.log('success removed an empty file');
} else {
var path = './public/news/' + req.files[i].name;
// 使用同步方式重命名一个文件
fs.renameSync(req.files[i].path, path);
console.log('sunccess renamed a file');
}
pic = req.files[i].name;
}
var title = req.body.title;
var content = req.body.content;
var news = new News(title, content, pic)
news.save(function (err, data) {
res.send(data);
})
res.send('请求成功，返回首页');
});
数据库中有数据了，我们目录也有文件了，现在只需要将数据读出来了
PS：放假兄弟们催的凶，要出去喝酒了
读取数据
第二步当然是读取数据，首先是首页的数据读取：
代码如下:
var mongodb = require('./db');
function News(title, content, pic) {
this.title = title;
this.content = content;
this.pic = pic;//保存存储路径
};
module.exports = News;
//存储数据
News.prototype = {
save: function (callback) {
var date = new Date();
//数据存储对象
var news = {
title: this.title,
content: this.content,
pic: this.pic, //图片处理最后来说，现在先乱存
date: date
};
//打开数据连接，打开就是一个回调......
mongodb.open(function (err, db) {
//错误就退出
if (err) {
return callback(err);
}
//打开news集合
db.collection('news', function (err, collection) {
if (err) {
mongodb.close();
return callback(err);
}
//写入集合（写入数据库）
collection.insert(news, { safe: true }, function (err) {
return callback(err);
});
callback(null); //err为null
});
});
}
};
//读取文章及其相关信息
News.get = function (id, callback) {
//打开数据库
mongodb.open(function (err, db) {
if (err) {
return callback(err);
}
db.collection('news', function (err, collection) {
if (err) {
mongodb.close();
return callback(err);
}
var query = {};
if (id) {
query.id = id;
}
//根据 query 对象查询文章
collection.find(query).sort({
date: -1
}).toArray(function (err, data) {
mongodb.close();
if (err) {
return callback(err); //失败！返回 err
}
callback(null, data); //成功！以数组形式返回查询的结果
});
});
});
};
news.js
代码如下:
结语
好了，文章发布系统的制作就先到这里了，以后我们再慢慢增加功能，慢慢做美化。
ASPNET笔记之文章发布管理小系统案例
作者： 发布日期：
进入百度2次元饭发布文章发布图集操作步骤
很多人喜欢2次元，特别是一些技术仔们或是90后00后群体，可以自我创建也可以自由分享吐槽，按照个人兴趣爱好可以在线进行发布文章或图集。
工具/原料2次元分享或自创方法/步骤1
如果想从百度入口进入的，可以提前登陆帐号，登陆成功后把鼠标移至右上角的：更多产品上会出现下拉列表并点击里面的：知道 进入另一个页面内。
2
点击后进入知道窗口内，进入窗口后把鼠标移至：特色--次元饭点击后进入另一个页面内。
3
点击后进入2次元窗口内，在右上角有一个：发布按钮，可以把鼠标移上去会出现相应的下拉列表。
4
鼠标移上去后会出现：发布文章、发布图集、创建专区三个按钮，可根据所需点击相应的按钮进行下一步的操作与分享操作。
5
如下点击的是：发布文章 按钮，点击后会看到如下页面；按照提示进行勾选框后再点击下方的：信心满满，我来写文章 点击它进行撰写文章。
6
点击后会打开如下窗口，在此窗口下方按照提示进行输入内容与上传图片后再点击下方的：提交审核，点击后进行审核操作。
7
如下点击的是第4步中的：发布图集 按钮打开如下窗口，按照提示进行输入内容与提交图片后再点击下方的：提交审核，进行审核。